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

Question

我在项目中使用了谷歌地图多段线作为路线（例如，http://rutasgdl.com/rutas/626-2），我想在路线上添加方向箭头。我希望得到类似于这个（不幸的是，它是针对Google Maps V2的）：http://wtp2.appspot.com/ArrowLine.htm

你能指点我如何实现吗？谢谢。

- Jaec

Answer 1

谷歌地图API现在原生支持这个功能（自2012年7月起）。 https://developers.google.com/maps/documentation/javascript/symbols#add_to_polyline

- awmross

---

我认为此链接现在位于https://developers.google.com/maps/documentation/javascript/symbols#add_to_polyline。 - Evan Knowles

Answer 2

我找到了 Pavel Zotov 的一篇博客文章，他介绍了一种在折线上添加箭头的方法。这个技巧是在 google.maps.OverlayView 上进行扩展实现的。

链接地址：http://yab.hot-line.su/javascript/polyline-with-arrows-in-google-maps-api-v3.html。

（我不确定是否可以在此处复制代码，所以我只发布博客文章的链接。）

- Vincent

---

以上博客现已无法访问（禁止 403 错误）。替代来源是：www.wolfpil.de/v3/arrow-heads.html（同样，许可证不清楚，因此我不确定是否可以粘贴代码）。 - Kevin

Answer 3

这是来自Bill Chadwick的代码移植到v3版本

享受吧！

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

- Peter Bennett

---

你的代码有一个小错误：strokeColor:this.color, strokeOpacity:this.opacity, strokeWeight:this.weight,应该改为：strokeColor:this.headColor, strokeOpacity:this.headOpacity, strokeWeight:this.headWeight, - Jorrit Schippers

Answer 4

使用简单的解决方案，向线段的末端添加一个倾斜45度的短线段。这个帖子已经有10年的历史了，但我仍然没有在Google Earth中找到内置的箭头。Bob Fontaine

- Robert Fontaine