8

Amacım, hoş görünümlü varsayılan Google harita işaretleyicisinin rengini değiştirmek. Bu nedenle, varsayılan (kırmızı) olanın yolunu/şeklini arıyorum. . PinSymbol ("# 666") Ancak, ben bilmiyorum: mesela simge (Google, diğer renkler ile v3 varsayılan işaretleyici yolunu gösterir.

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

Yani, işlevini çağırarak, ben rengini değiştirmek istiyorum: Bu renge değiştirmek buldum ? yolu bulmak için nerede v2/düz işaretleyici aramıyorum

New marker

// edit:

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

pürüzsüz oluşturmak için: Bu yolu ben buldum gradyan?

+1

sembolü –

+0

Tamam, teşekkür için bir degrade oluşturmak için seçeneği yoktur. Bundan şimdiki yaklaşımımla mutlu olacağım. – wiesson

+2

Yolu nerede buldunuz? – Eric

cevap

-1

Bunu marker.setIcon('http://maps.google.com/mapfiles/ms/icons/green-dot.png')

yaparak simgesini değiştirebilirsiniz Yoksa customize marker image documentation başvurabilirsiniz düşünüyorum.

Ayrıca yolunuz için predefined symbols kullanabilirsiniz. Örnek kod:

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 
}); 
+4

Muhtemelen yapabileceğini biliyor ve özellikle de varsayılan işaretçinin yolunu soruyor. –

0

eylem Maps' kod kontrolü, ben Google Maps JS API V3 olarak markerin varsayılan URL https://maps.gstatic.com/mapfiles/api-3/images/spotlight-poi.png olduğunu tespit ettik ve işaretleyici kendisi 22x40 PNG dosyasıdır. Yeniden taramak için, muhtemelen CSS filtrelerini/JS'yi kullanmanız veya raster grafik düzenleyicide el ile yeniden yazmanız gerekir.

map marker PNG

İlgili konular