用于从现有 Google 地图中检索标记的 Google API答案

【问题标题】：Google API for retrieving markers from an existing Google Map用于从现有 Google 地图中检索标记的 Google API
【发布时间】：2021-03-19 08:02:05
【问题描述】：

浏览 Google Cloud 目录中的所有 API：我无法确定它们是否能够从使用 Google 地图创建的现有地图中返回标记列表。

我的一个客户创建了the following map，由于仅仅嵌入到他们的网站上看起来很糟糕，所以我想使用 Maps JavaScript API 来创建带有所有这些标记的自定义地图。

我是否需要重新设置所有这些标记，以便我可以真正循环遍历并将它们全部添加到地图中，或者是否有任何方法让我使用从他们现有的地图中获取 ID 以避免这种双重工作？

【问题讨论】：

标签： javascript rest google-maps google-cloud-platform google-maps-markers

【解决方案1】：

那是一个“我的地图”。您可以使用mid=123NHZo7-vcfBAhYpF_YWbrgEpMQ 在KmlLayer 上将它们作为KML 加载，如下所示：fiddle，

  var ctaLayer = new google.maps.KmlLayer({
    url: 'https://www.google.com/maps/d/kml?mid=123NHZo7-vcfBAhYpF_YWbrgEpMQ',
    map: map
  });

相关问题：

代码 sn-p：

function initMap() {
  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 11,
    center: {
      lat: 41.876,
      lng: -87.624
    }
  });

  var ctaLayer = new google.maps.KmlLayer({
    url: 'https://www.google.com/maps/d/kml?mid=123NHZo7-vcfBAhYpF_YWbrgEpMQ',
    map: map
  });
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

#map {
  height: 100%;
}

<div id="map"></div>
<!-- add your own API key. -->
<script async defer src="https://maps.googleapis.com/maps/api/js?callback=initMap&key=AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qk">
</script>

【讨论】：