Código javascript para poder insertar un icono svg como marcador en tu mapa de google maps usando los atributos path, fill, stroke… de svg.
function initialize() {
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 6,
center: {lat: 42.650, lng: -5.700}
});
var iconMarker = {
path: 'M7.5,14C-0.3,7.8,0,5.6,0,3.8C0,2.1,1.4,0,3.7,0C6,0,7.4,2.5,7.4,2.5S8.9,0,11.2,0C13.5,0,15,2.1,15,3.8 C15,5.6,15.2,7.8,7.5,14z',
fillColor: 'red',
fillOpacity: 1,
scale: 1,
strokeColor: 'black',
strokeWeight: 1
};
var marker = new google.maps.Marker({
position: map.getCenter(),
icon: iconMarker,
map: map
});
}
google.maps.event.addDomListener(window, 'load', initialize);
En este ejemplo he usado el path de un svg con forma corazón, cámbialo por el que quieras.
Demo:
Agradezco tu comentario 🤘