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

Question

I have routes as Google Maps Polylines in my project (an example, http://rutasgdl.com/rutas/626-2 ) and I want to add direction arrows to the routes. I want something like this (sadly, it is for Google Maps V2) http://wtp2.appspot.com/ArrowLine.htm

Can you point me in the right direction in order to achieve this? Regards.

Answer 1

The Google Maps API now supports this natively (as of July 2012).

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

Answer 2

I found a blog entry by Pavel Zotov, where he describes a way to add arrows to a polyline. The trick is to extend google.maps.OverlayView.

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

(I don't know if I can reproduce the code here, so I only post a link to the blog entry.)

Answer 3

Here is the code from Bill Chadwick ported to v3

Enjoy!

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