Loading...
Skip navigation
Please note that this documentation is for the most recent version of this extension. It may not be relevant for older versions. Related documentation can be found in the documentation directory of the extension.

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)
        }
    }

)
Documentation
TYPO3 OpenImmo Extension

TYPO3 OpenImmo

TYPO3 OpenImmo is a real estate extension that reads in your objects via an OpenImmo-API and displays them on your website.

Menu

Contact request

You can contact us at any time

Stop! Playing in the meantime?
Stop! Playing in the meantime?
Stop! Playing in the meantime?

Stop! Playing in the meantime?

Break the highscore

Press Start
Contact request
Screenreader label
Security question
PBI_________99Y______
__M____H______2___CEU
AUX___DKD_____3______
U______S______E___FRN
OYF___________W______