Verwendung von Karten mit OpenStreetMap

Die Einbettung von einfachen Karten, beispielsweise zur Ergänzung von Meldungen aus dem OV, ist leicht möglich. Auch komplexere Karten mit mehreren Markierungen und zusätzlichen Informationen lassen sich erzeugen.

Karten mit einer Markierung

Karten können einfach in wenigen Schritten eingebunden werden.

Ziel finden

Das Ziel, das im Mittelpunkt der Karte liegen soll, wird auf im Browser gewählt. Am genauesten lässt sich die Karte ausrichten, indem an der Zielposition ein Rechtsklick ausgeführt und „Karte hier zentrieren“ ausgewählt wird:

Daten bekommen

Um den gewählten Kartenausschnitt einzubetten gibt es am rechten Rand der Karte die Option „Teilen“:

Damit etwas besser zu sehen ist, wo unser Zielort auf der Karte liegt, fügen wir eine Markierung hinzu:

In Dokuwiki können wir uns für die eleganteste Lösung der Einbettung entscheiden, nämlich über HTML. Dazu wird „HTML“ ausgewählt. Die Seite zeigt jetzt den benötigten HTML-Quellcode in einer Box an. Der Code wird markiert (zumindest in Firefox ist er schon automatisch markiert), und wird einfach kopiert:

Daten einbetten

Der kopierte HTML-Code wird als Text in eine Wiki-Seite eingefügt. Damit der Code auf einer auch funktioniert, muss er noch in HTML-Tags eingeschlossen werden. Vor dem Code muss ein <html> und dahinter ein </html> geschrieben werden:

Kartengröße anpassen

Wenn die automatisch generierte Größe der Karte nicht passt, lassen sich Breite und Höhe anpassen. Die Breite wird mit dem Parameter „width“ verändert und die Höhe mit „height“:

Mit 200×200 Pixeln gibt es eine kleine Karte:

<html>
<iframe width="200" height="200" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox=9.723243713378906%2C51.468766318140894%2C10.044593811035158%2C51.60522457335248&amp;layer=mapnik" style="border: 1px solid black"></iframe><br/><small><a href="https://www.openstreetmap.org/#map=6/51.5370/9.8839">Größere Karte anzeigen</a></small>
</html>

Größere Karte anzeigen

Mit 600×400 Pixeln gibt es eine größere Karte, die ganz gut die Breite im Wiki ausfüllt:

<html>
<iframe width="600" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox=9.723243713378906%2C51.468766318140894%2C10.044593811035158%2C51.60522457335248&amp;layer=mapnik" style="border: 1px solid black"></iframe><br/><small><a href="https://www.openstreetmap.org/#map=6/51.5370/9.8839">Größere Karte anzeigen</a></small>
</html>

Größere Karte anzeigen

Auf einen Klick

Mehr von uns

Adresse & Kontakt

Aktionskarte