Landkarten von OpenStreetMap einbinden
Diese Seite wird zurzeit überarbeitet, weshalb Teile der hier gemachten Informationen unvollständig und/oder fehlerhaft sein können!
OpenStreetMap-Karten mögen zwar mitunter nicht ganz so umfangreich sein wie jene von Google Maps, auch gibt es keine Satellitenbilder oder Geländereliefs, doch sind sie dafür Open Source und mit wesentlich weniger Aufwand in eine Website einzubinden.
Hier ein Beispiel für eine eingebettete Karte:
Dies ist der verwendete Code für die Karte:
<iframe style='width:700px;height:400px;' src='https://www.openstreetmap.org/export/embed.html?bbox=13.3964,52.5147,13.4185,52.5251&marker=52.52,13.408&layer=mapnik'></iframe><br>
<small><a href='https://www.openstreetmap.org/?lon=13.408&lat=52.52&mlon=13.408&mlat=52.52&zoom=16&layers=M'>Größere Karte anzeigen</a></small>
Die verwendeten Parameter des Links im <iframe> bedeuten:
bbox
Vier geografische Angaben der westlichen, südlichen, östlichen und nördlichen Grenze des dargestellten Kartenausschnittes. Falls die Dimensionen nicht mit denen des <iframe> übereinstimmen, wird die Karte entsprechend angepasst.
marker
Breiten- und Längenposition eines optionalen Markers.
layer
Die verwendete Renderingmethode. Möglich sind mapnik und osmarender.
Möchte man auf eine Seite des OpenStreetMap-Projekts verlinken, die eine größere Ansicht der Karte bietet, so kann man folgende Parameter an den Link anhängen (s. Zeile 6):
lat
Geografische Breite des Kartenmittelpunkts
lon
Geografische Länge des Kartenmittelpunkts
zoom
Vergrößerungsfaktor der Karte
layers
Zusätzliche eingeblendete Details
mlat
Geografische Breite des Markers
mlon
Geografische Länge des Markers
Die Parameter erhält man, wenn man auf openstreetmap.org einen Kartenausschnitt in der gewünschten Ansicht einstellt und dann unten rechts auf den Link ›Permalink‹ klickt. Dadurch wird die Adresse in der Adressleiste des Browsers aktualisiert, und man kann die benötigten Werte von dort einfach kopieren.