Diseñando una polilínea de Google Maps v3 con guiones o puntos?

Question

Me gustaría tomar un mapa basado en Google Map v3 con algunas polilíneas personalizadas, y hacer algunas de esas líneas punteadas o discontinuas. Parece que no puedo encontrar ninguna forma de hacer esto. Es posible, y si es así, ¿cómo?

Answer 1

Esta característica se ha añadido a las opciones de polilínea, y se llama Symbols on Polylines

Creación de una línea discontinua se parece a esto (demo):

var lineCoordinates = [ 
    new google.maps.LatLng(22.291, 153.027), 
    new google.maps.LatLng(18.291, 153.027) 
]; 

var lineSymbol = { 
    path: 'M 0,-1 0,1', 
    strokeOpacity: 1, 
    scale: 4 
}; 

var line = new google.maps.Polyline({ 
    path: lineCoordinates, 
    strokeOpacity: 0, 
    icons: [{ 
    icon: lineSymbol, 
    offset: '0', 
    repeat: '20px' 
    }], 
    map: map 
}); 

longitud Dash es controlado por path 's +/- 1, y el espaciado está controlado por repeat. Es un poco detallado, pero muy flexible.

Además de guiones, la nueva característica incluye rutas predefinidas para un círculo, puntas de flecha, y los documentos siquiera incluye una demostración de animación :)