Google maps v3 domyślna ścieżka znacznika z innymi kolorami

Question

Moim celem jest zmiana koloru ładnie wyglądającego domyślnego znacznika mapy google. Dlatego szukam ścieżki/kształtu domyślnego (czerwonego). Znalazłem to, aby zmienić kolor:

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

Tak, wywołując funkcję, chciałbym zmienić kolor (np ikona. PinSymbol („# 666”), jednak nie wiem ? gdzie znaleźć ścieżkę ja nie szukam v2/zwykłym markerem

// edit: Znalazłem tę ścieżkę:

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', 

jak generować gładkie gradient?

Answer 1

myślę, że można zmienić ikonę wykonując tę ​​marker.setIcon('http://maps.google.com/mapfiles/ms/icons/green-dot.png')

Można też zapoznać się z customize marker image documentation.

Możesz również użyć ścieżki predefined symbols. Kod Próbka:

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

sprawdzając kod map w działaniu, odkryłem, że w Google Maps API V3 JS domyślny adres URL markera jest https://maps.gstatic.com/mapfiles/api-3/images/spotlight-poi.png, a sam znacznik jest plikiem 22x40 PNG. Aby zmienić kolor, trzeba prawdopodobnie użyć filtrów CSS/JS itp. Lub ręcznie zmienić go w edytorze grafiki rastrowej.