使用Google地图绘制“走廊”

时间:2017-06-22 08:09:18

标签: javascript google-maps dictionary coordinates

我正在尝试从GPS提供商复制地图,我可以使用API​​访问地图中的每个形状,但我遇到了“走廊”形状的问题。

走廊就像一个多边形,但是当你绘制它时,你定义一个宽度(以米为单位)并在某些点上“点击”以获得一些“精确度”:

Corridor config

如您所见,每个白框都是“点击”,蓝线是“走廊”。

我的问题是如何画出它?因为我尝试使用Polyline,但它没有按预期工作,当我缩小它看起来很奇怪:

corridor at this moment

(我现在拥有的)

enter image description here

(应该怎么看)

我想我必须为它绘制一个多边形,但我不知道如何计算边的坐标,因为API只返回“精度”和宽度但没有角坐标的点。

一些想法?

2 个答案:

答案 0 :(得分:0)

也许你可以尝试这样的事情:

ssh -T git@stashRepoUrl -p port -oStrictHostKeyChecking=no

可以根据您的首选宽度调整重量。

同时尝试删除圈子,如此答案所示:removing-a-google-maps-circle-shape

poly = new google.maps.Polyline({
          strokeColor: '#737CA1',
          strokeOpacity: 0.5,
          strokeWeight: 3,
          map: map,
});

答案 1 :(得分:0)

我建议计算两个坐标偏移一半,每个方向与中心分离,并从中心线轴承给它们垂直方位,使用来自谷歌地图的sphereutil库,然后按正确的顺序将所有这些点添加到多边形,然后你得到一个相对于中心线固定的多边形。