Karte einfügen

cellarius

Administrator
Teammitglied
Administrator
Moderator
Stammrömer
Liebe Foristi,

ab sofort ist es möglich, Karten in Beiträge einzufügen. Dazu gibt es einen neuen BBCode:
Code:
[map][/map]

Der BBCode nutzt OpenStreetMap, ein Open Source-Kartenprojekt:

Um eine Karte einzufügen, wechselt man zu Open Street Map. Dort sucht den Ort, den man auf der Karte zeigen möchte:

1630673942626.png

Dann klickt man rechts auf das Teilen-Icon. Wenn man den blauen Marker haben möchte, dann muss man ein Häkchen setzen bei "Kartenmarker setzen". Der Marker bleibt im Bildausschnitt zentriert, man kann die Karte darunter hin- und herschieben, wenn es nicht genau passt.

1630674029662.png


Dann klickt man im Teilen-Menü auf den "HTML"-Reiter und kopiert den Code aus der Zeile darunter (Rechtsklick->kopieren oder Tastenkombination Strg+C).

1630674316291.png

Den kopierten Code fügt man dann im Beitrag in den Map-BBCode ein. Das ganze sieht dann so aus:

Code:
[map]<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox=12.48551666736603%2C41.88866861985328%2C12.497908473014833%2C41.89219079567448&amp;layer=mapnik&amp;marker=41.890429732039856%2C12.49171257019043" style="border: 1px solid black"></iframe><br/><small><a href="https://www.openstreetmap.org/?mlat=41.89043&amp;mlon=12.49171#map=18/41.89043/12.49171">Größere Karte anzeigen</a></small>[/map]

Und als Ergebnis erhält man:

[map]<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox=12.48551666736603%2C41.88866861985328%2C12.497908473014833%2C41.89219079567448&amp;layer=mapnik&amp;marker=41.890429732039856%2C12.49171257019043" style="border: 1px solid black"></iframe><br/><small><a href="https://www.openstreetmap.org/?mlat=41.89043&amp;mlon=12.49171#map=18/41.89043/12.49171">Größere Karte anzeigen</a></small>[/map]

Kann sich sehen lassen, oder?
 
[map=right]<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox=12.48551666736603%2C41.88866861985328%2C12.497908473014833%2C41.89219079567448&amp;layer=mapnik&amp;marker=41.890429732039856%2C12.49171257019043" style="border: 1px solid black"></iframe><br/><small><a href="https://www.openstreetmap.org/?mlat=41.89043&amp;mlon=12.49171#map=18/41.89043/12.49171">Größere Karte anzeigen</a></small>[/map]

Man kann auch noch beeinflussen, ob Text links oder rechts an der Karte vorbeifließen soll. Dazu dienen
Code:
[map=left]
[map=right]
[map=center]

Im Editor kann man dieses Symbol nutzen:
1630678186067.png
 
Zuletzt bearbeitet:
Pecorella brauchte eine Anleitung für Schafe.

Nun dürften die Römer endlich ohne Probleme Maria finden.

[MAP]<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox=12.471671104431154%2C41.89495409017695%2C12.473725676536562%2C41.89609211746194&amp;layer=mapnik&amp;marker=41.89552310635421%2C12.472698390483856" style="border: 1px solid black"></iframe><br/><small><a href="https://www.openstreetmap.org/?mlat=41.89552&amp;mlon=12.47270#map=19/41.89552/12.47270">Größere Karte anzeigen</a></small>[/MAP]
 
Drama beendet :D


[MAP]<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox=12.472086846828462%2C41.894838289772686%2C12.474141418933868%2C41.89597631912106&amp;layer=mapnik&amp;marker=41.89540730698164%2C12.473114132881165" style="border: 1px solid black"></iframe><br/><small><a href="https://www.openstreetmap.org/?mlat=41.89541&amp;mlon=12.47311#map=19/41.89541/12.47311">Größere Karte anzeigen</a></small>[/MAP]
 
Zurück
Oben