studio - Trayectoria del marcador predeterminado de Google maps v3 con otros colores

google.maps.marker color

Question

Mi objetivo es cambiar el color del bonito marcador predeterminado de Google Maps. Por lo tanto, estoy buscando la ruta / forma de la predeterminada (roja). He encontrado que esto cambia a color:

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

Entonces, al invocar la función, me gustaría cambiar el color (por ejemplo, ícono: pinSymbol ("# 666"). Sin embargo, no sé dónde encontrar el camino? No estoy buscando el marcador v2 / plain !

// edit: he encontrado esta ruta:

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

Cómo generar el degradado suave?

Answer 1

Creo que puedes cambiar el icono haciendo este marker.setIcon(''http://maps.google.com/mapfiles/ms/icons/green-dot.png'')

O puede consultar la documentación de la imagen del marcador personalizado .

Además, puede usar los símbolos predefinidos para su ruta. Código de muestra:

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

Al inspeccionar el código de Maps en acción, he encontrado que en Google Maps JS API V3, la URL predeterminada del marcador es https://maps.gstatic.com/mapfiles/api-3/images/spotlight-poi.png , y el marcador en sí es un archivo PNG de 22x40. Para volver a colorearlo, probablemente deba usar filtros CSS / JS, etc., o volver a tonalizarlo manualmente en el editor de gráficos por puntos.