如何在Google Maps V3中创建覆盖地图？

Question

我想创建一个覆盖地图，就像您尝试使用Streetview时显示的地图一样（见下文）。创建这样一张地图的最佳方法是什么？ （假设我已经在lat / lng点上获得了数据）。

Answer 1

您可以通过添加多边形叠加来实现此目的。

您是否尝试过查看Google Maps API Playground代码示例？

Answer 2

您现在可以在Google地图中创建这样的覆盖地图，而无需使用API​​。只需登录您的Google帐户，然后转到https://maps.google.com

然后点击顶部附近的“我的位置”按钮，然后点击其下方的“地图”。最后点击“创建地图”，你就可以了。我推荐互动教程，它会让你在几分钟内完成你的覆盖地图。

完成后，您可以点击侧边栏中的链接“链接”按钮共享地图，然后共享网址或将地图嵌入网站。

Answer 3

我研究了谷歌是如何做到这一点并以相同的方式结束的。

Google为覆盖地图创建了一层图块，然后将其显示在地图顶部。 （如果这成为一个热门话题，我会在这里扩展，请发表评论）

你可以在http://rider.cyclistsroadmap.com

看到我的想法

Answer 4

现在有一种标准方法可以通过v3 API执行此操作。

var svCoverageLayer = new google.maps.StreetViewCoverageLayer();
svCoverageLayer.setMap(yourMap);