谷歌地图中的自定义图层/叠加层

Question

是否可以在Google地图中创建自定义图层/叠加层？

作为一个例子，是否有可能有一个多边形图层，另一个有圆圈，第三个有标记？然后单独隐藏/显示这些图层？

我尝试查看文档，但这些图层似乎只是一组固定的预定义图层。并且叠加似乎只支持图像叠加。

对此有任何帮助表示赞赏。

Answer 1

我不确定是否有更好的方法可以做到这一点，但我找到了解决类似问题的方法。我的例子使用了标记和折线，但也很容易将功能扩展到圆形和多边形。

Link to JSFiddle

基本上它的工作原理如下：

1. 初始化地图。
2. 用户选择他想要在地图上看到的选项。
3. 点击触发地图对象中的方法（请参阅小提琴的HTML部分），该方法首先清除地图，然后在地图上推送新的叠加层。

当前在地图上显示的数据存储在数组中，地图清除方法只是通过这些数组并检查地图上是否存在任何内容，如果存在则将其删除。

希望这会有所帮助。干杯！