如何检索谷歌标记 [英] How to retrieve google Markers
本文介绍了如何检索谷歌标记的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
在html中,我添加了下面的标记。
< iframe src =https://www.google.com/maps/d/u/0/embed?mid=zJ463bGh1PYM.kWHWVlcByQeUwidth = 640height =480>< / iframe>
现在我想在Javascript中提取此地图上的所有标记。
请帮助我。
解决方案
- 点击
- 选择下载KML 使用网络链接KML保持数据最新(仅在线可用)。
- 将生成的.kmz文件重命名为.zip
- 打开包含.kml文件
<?xml version = '1.0'encoding ='UTF-8'?>
< kml xmlns ='http://www.opengis.net/kml/2.2'>
<文件>
<名称>无标题图层< /名称>
< NetworkLink>
<名称>我的地图< /名称>
< Link>
< href> http://mapsengine.google.com/map/kml?mid = zJ463bGh1PYM.kWHWVlcByQeU& amp; amp; lid = zJ463bGh1PYM.ko7uxR2p2yu4< / href>
< / Link>
< / NetworkLink>
< / Document>
< / kml>
- 包含KML的外部链接描述您的地图(
http://mapsengine.google.com/map/kml?mid=zJ463bGh1PYM.kWHWVlcByQeU&lid=zJ463bGh1PYM.ko7uxR2p2yu4
)。使用KmlLayer加载Google Maps JavaScript API v3地图。
工作代码片段:
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%;宽度:100%; margin:0px; < script src =https:// //maps.googleapis.com/maps/api/js\"></script><div id =map_canvasstyle = border:2px solid#3872ac;>< / div>
How to retrieve all existing markers on the public map created by me in javascript.
In html I am adding following tag.
<iframe src="https://www.google.com/maps/d/u/0/embed?mid=zJ463bGh1PYM.kWHWVlcByQeU" width="640" height="480"></iframe>
Now I want to extract all the markers present on this map in Javascript.
Please help me in this.
解决方案
- click on the
- choose "Download KML"
- check the "Keep data up to date with network link KML (only usable online)."
- rename the resulting .kmz file as .zip
- open the contained .kml file
<?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>
- that contains the external link to the KML that describes your map (
http://mapsengine.google.com/map/kml?mid=zJ463bGh1PYM.kWHWVlcByQeU&lid=zJ463bGh1PYM.ko7uxR2p2yu4
). Load that on a Google Maps Javascript API v3 map using KmlLayer.
working code snippet:
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>
这篇关于如何检索谷歌标记的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文