Google Map API Javascript v3-如何在多边形/矩形区域内突出显示特定街道/街道段?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Google Map API Javascript v3-如何在多边形/矩形区域内突出显示特定街道/街道段?相关的知识,希望对你有一定的参考价值。

我正在使用Google Map API v3,有许多有用的功能/示例。但我仍在寻找一种方法来突出所有街道,并且只有多边形/矩形内的不同颜色的街道。

这是我在地图上绘制的内容:

enter image description here

这就是我想要展示的内容

enter image description here

我尝试了很多,但找不到解决方案。

到目前为止,我能想到的唯一方法(也是最差的方法)是存储所有街道数据,找到矩形/多边形内的街道的所有点,并绘制连接它们的折线,但这意味着我们需要存储一个大量的数据。

我也想过了Direction Service,但似乎并不适用于所有情况(例如,非常大的矩形)。

答案

您可以这样做的一种方法是创建两组不同的地图:一组具有“普通”样式,另一组具有“反向样式”。当有人在“普通”地图上绘制一个矩形时,然后从反向地图中剪切出相应的部分并将其粘贴到法线贴图上。

不,这并不容易。这不是一个容易的问题。

如果你的样式正确,你可以使用Open Street Map图块。见http://wiki.openstreetmap.org/wiki/Creating_your_own_tiles

以上是关于Google Map API Javascript v3-如何在多边形/矩形区域内突出显示特定街道/街道段?的主要内容,如果未能解决你的问题,请参考以下文章

javascript Google Map API v3 Ghetto示例

JavaScript 测试Google Map API(testgmap.js)

使用 google map javascript api v3 在 google map 上添加多个目的地

html Google Map Javascript API v3の基本の使い方

使用JavaScript覆盖Google Map API中标记弹出窗口上的默认文本?

Angularjs - ng-map - Google Maps Javascript API v3 - 如何为多个标记设置最佳缩放