【问题标题】:How to retrieve google Markers如何检索谷歌标记
【发布时间】:2015-02-21 04:49:10
【问题描述】:
如何检索我在 javascript 中创建的公共地图上的所有现有标记。
在 html 中我添加了以下标签。
<iframe src="https://www.google.com/maps/d/u/0/embed?mid=zJ463bGh1PYM.kWHWVlcByQeU" width="640" height="480"></iframe>
现在我想用 Javascript 提取此地图上存在的所有标记。
请帮帮我。
【问题讨论】:
标签:
google-maps
google-maps-markers
【解决方案1】:
- 点击
- 选择“下载 KML”
- 选中“使用网络链接 KML 保持数据最新(仅可在线使用)”。
- 将生成的 .kmz 文件重命名为 .zip
- 打开包含的 .kml 文件
<?xml version='1.0' encoding='UTF-8'?>
<kml xmlns='http://www.opengis.net/kml/2.2'>
<Document>
<name>Untitled layer</name>
<NetworkLink>
<name>my-map</name>
<Link>
<href>http://mapsengine.google.com/map/kml?mid=zJ463bGh1PYM.kWHWVlcByQeU&lid=zJ463bGh1PYM.ko7uxR2p2yu4</href>
</Link>
</NetworkLink>
</Document>
</kml>
- 包含指向描述您的地图的 KML 的外部链接 (
http://mapsengine.google.com/map/kml?mid=zJ463bGh1PYM.kWHWVlcByQeU&amp;lid=zJ463bGh1PYM.ko7uxR2p2yu4)。使用 KmlLayer 将其加载到 Google Maps Javascript API v3 地图上。
工作代码sn-p:
function initialize() {
var map = new google.maps.Map(
document.getElementById("map_canvas"), {
center: new google.maps.LatLng(37.4419, -122.1419),
zoom: 13,
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var layer = new google.maps.KmlLayer({
url: "http://mapsengine.google.com/map/kml?mid=zJ463bGh1PYM.kWHWVlcByQeU&lid=zJ463bGh1PYM.ko7uxR2p2yu4",
map: map
});
}
google.maps.event.addDomListener(window, "load", initialize);
html, body, #map_canvas {
height: 100%;
width: 100%;
margin: 0px;
padding: 0px
}
<script src="https://maps.googleapis.com/maps/api/js"></script>
<div id="map_canvas" style=border: 2px solid #3872ac;"></div>