【问题标题】: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】:
    1. 点击

    1. 选择“下载 KML”
    2. 选中“使用网络链接 KML 保持数据最新(仅可在线使用)”。
    3. 将生成的 .kmz 文件重命名为 .zip
    4. 打开包含的 .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&amp;lid=zJ463bGh1PYM.ko7uxR2p2yu4</href>
                </Link>
            </NetworkLink>
        </Document>
    </kml>
    
    1. 包含指向描述您的地图的 KML 的外部链接 (http://mapsengine.google.com/map/kml?mid=zJ463bGh1PYM.kWHWVlcByQeU&amp;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&amp;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>

    【讨论】:

      猜你喜欢
      • 2014-09-02
      • 1970-01-01
      • 2012-04-05
      • 2013-06-26
      • 1970-01-01
      • 2015-07-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多