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 🤘