Google maps v3 percorso marker predefinito con altri colori

Question

Il mio obiettivo è quello di cambiare il colore del bell'aspetto indicatore google predefinito. Pertanto, sto cercando il percorso/forma di quello predefinito (rosso). Ho trovato questo per cambiare al colore:

function pinSymbol(color) { 
    return { 
     path: '???' 
     fillColor: color, 
     fillOpacity: 1, 
     strokeColor: '#000', 
     strokeWeight: 2, 
     scale: 1 
    }; 
} 

Quindi, invocando la funzione, vorrei cambiare il colore (es icona:. PinSymbol ("# 666") Tuttavia, non so ? dove trovare il percorso non sto cercando il v2/plain marcatore

// edit:! ho trovato questo percorso:

path: 'M 0,0 C -2,-20 -10,-22 -10,-30 A 10,10 0 1,1 10,-30 C 10,-22 2,-20 0,0 z M -2,-30 a 2,2 0 1,1 4,0 2,2 0 1,1 -4,0', 

come generare il buon gradiente?

Answer 1

Penso che si può modificare l'icona facendo questo marker.setIcon('http://maps.google.com/mapfiles/ms/icons/green-dot.png')

Oppure si può fare riferimento al customize marker image documentation.

Inoltre, è possibile utilizzare predefined symbols per il percorso. Codice campione:

var marker = new google.maps.Marker({ 
    id: "some-id", 
    icon: { 
     path: google.maps.SymbolPath.FORWARD_CLOSED_ARROW, 
     strokeColor: "red", 
     scale: 3 
    }, 
    map: map, 
    title: "some-title", 
    position: myLatlng 
}); 

Answer 2

Ispezionando codice delle Mappe in azione, ho trovato che in Google Maps API V3 JS l'URL predefinito del marcatore è https://maps.gstatic.com/mapfiles/api-3/images/spotlight-poi.png, e il marcatore in sé è un file PNG 22x40. Per ricolorarlo, dovresti probabilmente usare i filtri CSS/JS ecc. O re-hue manualmente nell'editor di grafica raster.