自定义Google地图（带标记）+自定义.json嵌入网站

Question

虽然很明显我错过了一些东西，但是我试图让我的头脑清醒一段时间

我想要做的不是画一张新地图，虽然提供一个src链接说（https://www.google.com/maps/d/u/0/embed?mid=1xI_dALvs0A-oySG-dkf4BYeDyBk）到下面的东西

https://developers.google.com/maps/documentation/javascript/styling

我想将带有标记的自定义地图嵌入到我的网站并设置样式

我猜map = new google.maps.Map（document.getElementById（'map'）与新地图的绘制有关，虽然不太确定是要把它拿出来还是什么。

1. 无论如何都要使用自定义地图+ .json代码，而不是硬编码poi的数组，因为它依赖于它指向标记的自定义地图链接

2. 有没有更好的方法来解决这个问题

Answer 1

Google Maps JavaScript API可以加载以GeoJSON格式存储的数据。因此，您必须查看GeoJSON规范并为您的标记（或折线，多边形等）创建相应的文件。

Google Maps JavaScript API文档介绍了如何通过地图的数据层加载GeoJSON数据：

https://developers.google.com/maps/documentation/javascript/datalayer#load_geojson

您应该将样式示例与文档中的GeoJSON示例结合起来，以实现您的目标。

Answer 2

这是github链接-https://github.com/hpi1hpi/custom-google-map-with-json

使用滑块从JSON添加具有自定义颜色和数据的Google地图