如何检索谷歌标记

时间:2015-02-21 04:49:11

标签: google-maps google-maps-markers

如何在javascript中检索我创建的公共地图上的所有现有标记。

在html中我添加了以下标记。

<iframe src="https://www.google.com/maps/d/u/0/embed?mid=zJ463bGh1PYM.kWHWVlcByQeU" width="640" height="480"></iframe>

现在我想在Javascript中提取此地图上的所有标记。

请帮助我。

1 个答案:

答案 0 :(得分:2)

  1. 点击
  2.  share image

    1. 选择&#34;下载KML&#34;
    2. 检查&#34;使用网络链接KML保持数据最新(仅在线使用)。&#34;
    3. 将生成的.kmz文件重命名为.zip
    4. 打开包含的.kml文件
    5. <?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&amp;lid=zJ463bGh1PYM.ko7uxR2p2yu4</href>
                  </Link>
              </NetworkLink>
          </Document>
      </kml>
      
      1. 包含描述地图的KML的外部链接(http://mapsengine.google.com/map/kml?mid=zJ463bGh1PYM.kWHWVlcByQeU&amp;lid=zJ463bGh1PYM.ko7uxR2p2yu4)。使用KmlLayer在Google Maps Javascript API v3地图上加载。
      2. 工作代码段:

        &#13;
        &#13;
        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&amp;lid=zJ463bGh1PYM.ko7uxR2p2yu4",
                map: map
            });
        
        }
        google.maps.event.addDomListener(window, "load", initialize);
        &#13;
        html, body, #map_canvas {
            height: 100%;
            width: 100%;
            margin: 0px;
            padding: 0px
        }
        &#13;
        <script src="https://maps.googleapis.com/maps/api/js"></script>
        <div id="map_canvas" style=border: 2px solid #3872ac;"></div>
        &#13;
        &#13;
        &#13;