如何在Google地图（V3）中为我的多段线创建方向箭头？

我在我的项目中有Google Maps多义线的路线（例如http://rutasgdl.com/rutas/626-2），我想为路线添加方向箭头。我想要这样的东西（不幸的是，这是谷歌地图V2）http://wtp2.appspot.com/ArrowLine.htm 如何在Google地图（V3）中为我的多段线创建方向箭头？

你能指出我在正确的方向，以实现这一目标吗？问候。

来源

2011-04-02 Jaec

我发现了Pavel Zotov的博客条目，他描述了向箭头添加折线的方法。诀窍是扩展google.maps.OverlayView。

http://yab.hot-line.su/javascript/polyline-with-arrows-in-google-maps-api-v3.html

（我不知道如果我能在这里重现的代码，所以我只张贴链接到博客条目。）

来源

2011-04-20 12:30:23 Tijs

上述博客现在不可用（禁止403错误）。另一个来源是：www.wolfpil.de/v3/arrow-heads.html（同样，许可证不清楚，所以我不确定是否可以通过代码）。 – Kevin 2011-08-30 21:38:13

这里是比尔·查德威克的代码移植到V3

享受！

https://docs.google.com/open?id=0B4WFC4iBvLilOHc1YTFnakFsdWM

来源

2012-05-18 22:49:09

小错误在你的代码：则strokeColor：this.color， strokeOpacity，用于：this.opacity， strokeWeight，用于：this.weight，必须是：则strokeColor：this.headColor， strokeOpacity，用于：this.headOpacity， strokeWeight：this.headWeight， – 2012-08-28 10:12:40

的谷歌地图API现在支持这种原生（截至2012年7月）。

https://developers.google.com/maps/documentation/javascript/symbols#add_to_polyline

来源

2013-01-29 23:37:57 awmross

我想这个链接现在在https://developers.google.com/maps/documentation/javascript/symbols#add_to_polyline – 2013-10-23 11:24:38

谢谢埃文。我更新了链接。 – awmross 2014-01-09 23:37:48

如何在Google地图（V3）中为我的多段线创建方向箭头？

回答

相关问题