在angular-google-maps中绘制弯曲/弧形点线折线

时间:2018-03-22 17:26:24

标签: javascript angularjs google-maps angular-google-maps google-polyline

我想在两个纬度和经度之间绘制一条弧形/弧形点线折线。 我最终总是在两个纬度和经度之间绘制一条直线。

任何人都可以帮我绘制弯曲的虚线折线......?

我使用了this reference,  还有angular-google-maps

两者最终都是直线。

 <ui-gmap-polyline ng-repeat="p in mc.polylines" path="p.path" 
     stroke="p.stroke" visible='p.visible'
     geodesic='p.geodesic' fit="false" editable="p.editable" 
     draggable="p.draggable" icons='p.icons'>
 </ui-gmap-polyline>

</ui-gmap-google-map>

我特此分享我的 plunker link

请帮助绘制像这样的曲线

enter image description here

即使我给geodesic = true,曲率也不是那么延伸。这似乎是直线。

谢谢

1 个答案:

答案 0 :(得分:0)

您正在设置的“ geodesic”选项根据地球的曲率使曲线弯曲。如果要绘制一条1000英里长的折线,然后启用测地线,则会在该线上看到一条曲线。当我们谈论只有几英里长的测地线时,不会有太大的不同。

地图上的折线仅是从点到另一点的直线。 (或具有多少个点),必须显示的两个选项在平面图上的直线是直的,测地线偏离的,或在平面图上看起来是弯曲的弯曲地球上的直线。无论哪种方式,您仍然可以保持直线。

您要寻找的线中的曲线是纯正装饰。可能有办法做到这一点,但是Google地图中的常规折线不会做到这一点。