Google地图多边形错误地呈现

时间:2012-12-21 16:42:22

标签: jquery html google-maps google-maps-api-3 maps

我正在尝试使用2纬度和经度之间的测地点在谷歌地图中绘制一个半圆。

我找到了一个完全符合我需要的地方:http://maps.forum.nu/temp/gm_bearing.html

It was using the API V2 and I need the V3.

所以我转换了它。

我遇到的问题是半圆没有正确绘制,我无法弄清楚原因。

这是绘制半圆时发生的情况。 enter image description here

但是当我缩小或者让半圆缩小时它看起来很好。 enter image description here

我在jsfiddle中重现了这个问题。

http://jsfiddle.net/Morlock0821/4dRB2/1/

非常感谢任何帮助。

感谢。

1 个答案:

答案 0 :(得分:2)

在drawCircle函数中删除这些行:

var basePoints = calculateGeodesicPoints(circlePoints[circlePoints.length - 1], circlePoints[0]);
while (basePoints.length) {
  circlePoints.push(basePoints.shift());
}

enter image description here http://googlemaps.googlermania.com/google_maps_api_v3/en/draw-semi-circle.html