在 angular-google-maps 中绘制曲线 /Arc 虚线折线答案

【问题标题】：Draw curved /Arc dotted polyline in angular-google-maps在 angular-google-maps 中绘制曲线 /Arc 虚线折线
【发布时间】：2018-09-01 06:13:28
【问题描述】：

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

谁能帮我画一条弯曲的虚线折线...？

我用过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

请帮忙画一条这样的曲线

即使我给 geodesic = true，曲率也没有那么大。好像是直线。

谢谢

【问题讨论】：

en.wikipedia.org/wiki/Geodesic

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

【解决方案1】：

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

地图上的折线只是从一点到另一点的直线。（或者你有多少点）你必须显示的线的两个选项是在平面地图上是直的，在测地线关闭，或者在平面地图上看起来弯曲的弯曲地球上的直线。不管怎样，你仍然有一条直线。

您正在寻找的线条中的曲线是纯粹的装饰。可能有办法做到这一点，但谷歌地图中的常规折线不会这样做。

【讨论】：