包含多个标记的Googlemaps以及指向标记的位置列表

Question

我需要一个带有群集，弹出窗口和列表的googlemap，您可以点击它们。

希望找到一个简单的解决方案，我可以轻松添加标记，并有一个指向地图上标记的标记列表。

Answer 1

我已成功使用markercluster.js

只需将所有标记加载到json中（在我的示例中，它们位于变量locations中），然后加载它们：

   var markers = locations.map(function(location, i) {
      var marker = new google.maps.Marker({
        position: location
      });
      return marker;
    });

如果您查看example code，它会告诉您它有多容易。

Answer 2

Google Maps JS API文档尽可能清晰。

https://developers.google.com/maps/documentation/javascript/adding-a-google-map

我不认为有一个现成的解决方案看起来像你的例子完全。获取该列表将需要一些HTML工作来定位/呈现模块，以及Javascript / DOM集成以将其与地图同步。涉及到一些基本的前端开发，如果这不是你想要解决的问题，也许你可以制作一个自定义的谷歌地图并链接到它。

https://www.google.com/maps/about/mymaps/