Question

我使用jQuery启动了Google地图，并使用了最新版本的Google地图。尝试使用jQuery版本1.12.4在WordPress中实现（作为WP核心使用此）。我正在关注Google Maps' Polygon with Hole。但每当我将坐标改为我的坐标时，它似乎根本不起作用。 <div id='outer'> <div id='inner1' class='inner'></div> <div id='inner2' class='inner'></div> </div>不相交，但与innerCoords重叠。

我首先想到这可能是 land 和 water 的问题，所以我将我的坐标从陆地转移到水面，但问题仍然存在。我认为我的坐标很长，所以我最小化了'em outerCoords（点后3位），但问题仍然存在。

这是整个代码的小提琴：
https://jsfiddle.net/mayeenulislam/c884wy06/

有问题的代码如下：

.123

我评论了另外两个坐标 - 实际的百慕大三角和我的一块土地 - 以便您可以测试代码。我认为这可能是重要的缩放级别，但我检查了百慕大三角形 - 它正在处理任何缩放级别。

我做错了什么？

Answer 1

我只是改变了内部坐标的顺序并且它起作用了。使用以下内容更改innerCoords：

     var innerCoords = [ {
       lat: 23.900156,
       lng: 90.342533
     },{
       lat: 23.899989,
       lng: 90.341664
     }, {
       lat: 23.898037,
       lng: 90.342983
     }

Answer 2

最近回复了一篇关于这个问题的帖子，这是关于坐标的顺序：

SO Post on coordinates order

当坐标发生变化时，Google地图多边形的孔不起作用

2 个答案: