如何在使用POLY LINE时在Google Map Javascript API中显示旅行方向箭头?

时间:2012-03-04 11:08:13

标签: javascript google-maps routes polyline

使用谷歌地图javascript API我想在多边形线上绘制箭头,所以当用户查看地图时,他会理解有人从这里到这里旅行。

现有功能

img

我想要这样的东西

img

请帮忙。

帮助将不胜感激。

1 个答案:

答案 0 :(得分:13)

您可以计算两点之间的角度here's a how-to

根据计算出的角度,您可以在起点放置标记。 在这里您可以找到标记的描述:http://sites.google.com/site/gmapicons/home/(方向指示符)


编辑:

观看演示:http://jsfiddle.net/doktormolle/9gJjj/

你会在那里找到一个函数fx(),它需要DirectionsRoute作为参数并绘制标记。


EDIT2:

请注意,您也可以使用IconSequence,这可能是更好的方法,请参阅:Google Map API Direction Triangle Icon Ambiguous