javascript - 如何使谷歌地图API中的特定区域仅可见?

标签 javascript google-maps overlay

请看下图。我希望能够指定多边形/折线,以便其覆盖的唯一区域可见。到目前为止,我已经找到了指定覆盖的方法,以便覆盖谷歌地图上的特定部分。我想要完全相反的。

enter image description here

我尝试在当前可见区域上添加一个矩形覆盖层以获得灰显效果。然后我添加了多边形叠加。我的想法是,如果我添加透明多边形,它应该显示其下方的 map 。但这没有用。知道如何做到这一点吗?

最佳答案

此问题的解决方案可能类似于 I want to create a Donut with Javascript API V3(Empty space inside like a hole) .

另请参阅example at jsbin .

您必须定义两条“不同方向”的路径。外部路径可以使用 map.getBounds() 中的坐标来定义。内部路径是您的多边形。

关于javascript - 如何使谷歌地图API中的特定区域仅可见?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23625589/

相关文章:

javascript - 在 React Js 中过滤 Todo 列表

javascript - Ruby on Rails 中的 Like 按钮 Ajax - 如何更改图像和图标文本

javascript - 谷歌地图,使用 place_id 创建 map

image-processing - 1000张图像的Python成像库叠加

ffmpeg为多张图片加水印

android - Android 启动器上的 float 小部件/覆盖

javascript - 使用 jsdoc-toolkit 在命名空间中记录带有原型(prototype)的 javascript 类

javascript - 将 SELECT 同步到 Web sql

google-maps - 如何在谷歌地图api中的自定义图标图像上显示标签

javascript - 如何在 JavaScript 中从 json 中获取特定数据?