Tengo rutas como Polilíneas de Google Maps en mi proyecto (un ejemplo, http://rutasgdl.com/rutas/626-2) y deseo agregar flechas de dirección a las rutas. Quiero algo como esto (lamentablemente, es para Google Maps V2) http://wtp2.appspot.com/ArrowLine.htm¿Cómo crear flechas de dirección para mis polilíneas en Google Maps (V3)?
¿Me puede señalar en la dirección correcta para lograr esto? Saludos.
Encontré una entrada en el blog de Pavel Zotov, donde describe una forma de agregar flechas a una polilínea. El truco es extender google.maps.OverlayView.
http://yab.hot-line.su/javascript/polyline-with-arrows-in-google-maps-api-v3.html
(no sé si puedo reproducir el código aquí, así que sólo enviar un enlace a la entrada del blog.)
Aquí está el código de Bill Chadwick portado a V3
¡Disfrútalo!
https://docs.google.com/open?id=0B4WFC4iBvLilOHc1YTFnakFsdWM
Pequeño fallo en el código: strokeColor: this.color, strokeOpacity: this.opacity, strokeWeight: this.weight, debe ser: strokeColor: this.headColor, strokeOpacity: this.headOpacity, strokeWeight: this.headWeight, –
La API de Google Maps ahora soporta de forma nativa (a partir de julio de 2012).
https://developers.google.com/maps/documentation/javascript/symbols#add_to_polyline
Creo que este enlace está ahora en https://developers.google.com/maps/documentation/javascript/symbols#add_to_polyline –
Gracias Evan. He actualizado el enlace. – awmross
El blog anterior es ahora no disponible (error prohibido 403). Una fuente alternativa es: www.wolfpil.de/v3/arrow-heads.html (de nuevo, la licencia no está clara, así que no estoy seguro si puedo pasar el código). – Kevin