Bitte beachte, dass sich diese Dokumentation auf die neuste Version dieser Erweiterung bezieht. Wenn eine ältere Version eingesetzt wird, kann diese abweichen. Die jeweils passende Dokumentation befindet sich im Dokumentation-Verzeichnis der Erweiterung.
Eigenen Maps-Marker definieren
Um einen eigenen Maps-Marker zu definieren, musst Du lediglich eine JavaScript-Methode überschreiben. Diese enthält als Variable den Inhalt des SVG, welcher wiederum in einem Marker-Objekt initiaisiert wird.
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)
}
}
)
Dokumentation
TYPO3 OpenImmo
TYPO3 OpenImmo ist eine Immobilien Erweiterung, welche Deine Objekte via OpenImmo-Schnittstelle einliest und auf Deiner Webseite darstellt.