Define a custom Maps-Marker

In order to define a custom maps marker, you need to override a JavaScript-Method. This method contains the content of the SVG, which is used while marker object initialization.

page.jsFooterInline.1571222964 = TEXT
page.jsFooterInline.1571222964.value  (

    openImmo.googleMaps.getIcon = function (width, height, color) {
        var svg = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="' + color + '" d="M12 0c-5.522 0-10 4.395-10 9.815 0 5.505 4.375 9.268 10 14.185 5.625-4.917 10-8.68 10-14.185 0-5.42-4.478-9.815-10-9.815zm0 18c-4.419 0-8-3.582-8-8s3.581-8 8-8 8 3.582 8 8-3.581 8-8 8zm4-8v4h-3v-2h-2v2h-3v-4h-1l5-5 5 5h-1zm-1-3l-1-.991v-1.009h1v2z"/></svg>';
        return icon = {
            anchor: new google.maps.Point((width / 2), height),
            scaledSize: new google.maps.Size(width, height),
            origin: new google.maps.Point(0, 0),
            url: 'data:image/svg+xml;charset=UTF-8;base64,' + btoa(svg)
        }
    }

)