如何在google maps api中仅显示区域的某些部分?

时间:2014-05-13 07:51:16

标签: javascript google-maps overlay

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

enter image description here

我尝试在当前可见区域上添加矩形覆盖以获得灰色效果。然后我添加了多边形叠加。我的想法是,如果我添加透明多边形,它应该显示它下面的地图。虽然它没有工作。关于如何做到这一点的任何想法?

1 个答案:

答案 0 :(得分:1)

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

另见example at jsbin

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