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 - Immobilien by coding.ms
TYPO3 OpenImmo imports real estate objects via OpenImmo API or scheduler and displays them on TYPO3 websites with search, lists, detail pages, enquiry forms and teasers. Multiple sources, landing pages and compatible estate software help property providers manage and present listings centrally.