OpenStreetMap einbinden
Mit html OpenStreetMap einbinden
Um einen iframe zu nutzen, muss niemand html können!
Um eine Standort-Adresse in eine bestehende Seite einzubinden, müssen Sie sich an das Inhaltselement "html" herantrauen. Dafür müssen Sie aber gar nicht die Programmiersprache beherrschen. Copy and Paste reicht vollkommen aus. Die Aktion besteht im Wesentlichen aus drei einfachen Schritten:
1) Adresse mit OpenStreetMap ermitteln
2) iframe (=html) kopieren
3) iframe einfügen
Beginnen Sie am besten, indem Sie die gewünschte Adresse bei OpenStreetMap eingeben.
Wählen Sie die Funktion "teilen" am rechten Kartenrand an.
Anschließend klappt rechts ein Feld aus. Wählen Sie aus den drei angebotenen Optionen
Link | Kurz-URL | HTML
letzteres aus: HTML.
Jetzt sehen Sie schon den iframe-Code. Am besten markieren Sie die Auswahl "Kartenmarker setzen."
Dadurch erscheint das bekannte Tropfen-Icon zur Standort-Markierung (siehe unten links im Bild) und wird Teil des Codes, den Sie jetzt kopieren.
Wenn Sie den Code anklicken, wird er automatisch vollständig markiert. Jetzt genügt Strg c oder das Kontext-Menü (rechte Maustaste) und "Kopieren" anwählen. Der Code liegt jetzt in der Zwischenablage und wartet auf seine neue Bestimmung im Typo3, wo Sie ihn im nächsten Schritt einfügen können.
Um im Typo3-Backend den html-Code einzufügen, müssen Sie das Inhaltselement "Reines HTML" auswählen.
Fügen Sie nun einfach den Code in die erste Zeile ein (Strg v).
Speichern nicht vergessen! Fertig!