Bei einigen Kategorien werden Karten automatisch über die Info-Boxen mit eingebunden, was natürlich die unbedingt zu bevorzugende Methode ist.
Will man jedoch besondere Karten nur für ein Thema (Artikel) in die Seite einbetten, so können dafür Karten mittels <display_map> eingebunden werden.
Anstelle hier lang und breit den Syntax vorzustellen, folgen nun Beispiele, was alles möglich ist und wie dazu der Quelltext aussieht.
Man kann auch die Quelltext-Elemente beliebig kombinieren.
Die Vorlage unten kann als Basis genommen werden zur Einbindung in die eigene Seite.
Einfach ausprobieren!
Wenn etwas nicht geht, siehe Hinweise unten oder notfalls Benutzer:HeikoK fragen.
Koordinate
<display_map zoom=17>
49.4800525, 10.9885848
</display_map>
Die Karte wird geladen …
{"minzoom":false,"maxzoom":false,"mappingservice":"leaflet","width":"auto","height":"350px","centre":false,"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[],"rectangles":[],"copycoords":false,"static":false,"zoom":17,"defzoom":14,"layers":["OpenStreetMap"],"image layers":[],"overlays":[],"resizable":false,"fullscreen":false,"scrollwheelzoom":true,"cluster":false,"clustermaxzoom":20,"clusterzoomonclick":true,"clustermaxradius":80,"clusterspiderfy":true,"geojson":"","clicktarget":"","imageLayers":[],"locations":[{"text":"","title":"","link":"","lat":49.4800525,"lon":10.9885848,"icon":""}],"imageoverlays":null}
Objekte (mit Namen)
Gebäude
<display_map zoom=17>
Rathaus, Fürth, Deutschland
</display_map>
Die Karte wird geladen …
{"minzoom":false,"maxzoom":false,"mappingservice":"leaflet","width":"auto","height":"350px","centre":false,"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[],"rectangles":[],"copycoords":false,"static":false,"zoom":17,"defzoom":14,"layers":["OpenStreetMap"],"image layers":[],"overlays":[],"resizable":false,"fullscreen":false,"scrollwheelzoom":true,"cluster":false,"clustermaxzoom":20,"clusterzoomonclick":true,"clustermaxradius":80,"clusterspiderfy":true,"geojson":"","clicktarget":"","imageLayers":[],"locations":[{"text":"","title":"","link":"","lat":49.4772255,"lon":10.9892521,"icon":""}],"imageoverlays":null}
Adresse
<display_map zoom=17>
Erlanger Straße 1, Fürth, Deutschland
</display_map>
Die Karte wird geladen …
{"minzoom":false,"maxzoom":false,"mappingservice":"leaflet","width":"auto","height":"350px","centre":false,"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[],"rectangles":[],"copycoords":false,"static":false,"zoom":17,"defzoom":14,"layers":["OpenStreetMap"],"image layers":[],"overlays":[],"resizable":false,"fullscreen":false,"scrollwheelzoom":true,"cluster":false,"clustermaxzoom":20,"clusterzoomonclick":true,"clustermaxradius":80,"clusterspiderfy":true,"geojson":"","clicktarget":"","imageLayers":[],"locations":[{"text":"","title":"","link":"","lat":49.480278,"lon":10.9941749,"icon":""}],"imageoverlays":null}
Straße
<display_map zoom=17>
Elsterstraße, Fürth, Deutschland
</display_map>
Die Karte wird geladen …
{"minzoom":false,"maxzoom":false,"mappingservice":"leaflet","width":"auto","height":"350px","centre":false,"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[],"rectangles":[],"copycoords":false,"static":false,"zoom":17,"defzoom":14,"layers":["OpenStreetMap"],"image layers":[],"overlays":[],"resizable":false,"fullscreen":false,"scrollwheelzoom":true,"cluster":false,"clustermaxzoom":20,"clusterzoomonclick":true,"clustermaxradius":80,"clusterspiderfy":true,"geojson":"","clicktarget":"","imageLayers":[],"locations":[{"text":"","title":"","link":"","lat":49.4845884,"lon":10.9982887,"icon":""}],"imageoverlays":null}
Fläche (z.B. Park)
<display_map>
Stadtpark, Fürth, Deutschland
</display_map>
Die Karte wird geladen …
{"minzoom":false,"maxzoom":false,"mappingservice":"leaflet","width":"auto","height":"350px","centre":false,"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[],"rectangles":[],"copycoords":false,"static":false,"zoom":false,"defzoom":14,"layers":["OpenStreetMap"],"image layers":[],"overlays":[],"resizable":false,"fullscreen":false,"scrollwheelzoom":true,"cluster":false,"clustermaxzoom":20,"clusterzoomonclick":true,"clustermaxradius":80,"clusterspiderfy":true,"geojson":"","clicktarget":"","imageLayers":[],"locations":[{"text":"","title":"","link":"","lat":49.4734064,"lon":10.9971171,"icon":""}],"imageoverlays":null}
Stadtteil
<display_map>
Ronhof, Fürth, Deutschland
</display_map>
Die Karte wird geladen …
{"minzoom":false,"maxzoom":false,"mappingservice":"leaflet","width":"auto","height":"350px","centre":false,"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[],"rectangles":[],"copycoords":false,"static":false,"zoom":false,"defzoom":14,"layers":["OpenStreetMap"],"image layers":[],"overlays":[],"resizable":false,"fullscreen":false,"scrollwheelzoom":true,"cluster":false,"clustermaxzoom":20,"clusterzoomonclick":true,"clustermaxradius":80,"clusterspiderfy":true,"geojson":"","clicktarget":"","imageLayers":[],"locations":[{"text":"","title":"","link":"","lat":49.4910175,"lon":11.0020146,"icon":""}],"imageoverlays":null}
Ort
<display_map>
Fürth, Deutschland
</display_map>
Die Karte wird geladen …
{"minzoom":false,"maxzoom":false,"mappingservice":"leaflet","width":"auto","height":"350px","centre":false,"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[],"rectangles":[],"copycoords":false,"static":false,"zoom":false,"defzoom":14,"layers":["OpenStreetMap"],"image layers":[],"overlays":[],"resizable":false,"fullscreen":false,"scrollwheelzoom":true,"cluster":false,"clustermaxzoom":20,"clusterzoomonclick":true,"clustermaxradius":80,"clusterspiderfy":true,"geojson":"","clicktarget":"","imageLayers":[],"locations":[{"text":"","title":"","link":"","lat":49.4885711,"lon":10.9587203,"icon":""}],"imageoverlays":null}
Postleitzahl
<display_map>
90766 Fürth, Deutschland
</display_map>
Die Karte wird geladen …
{"minzoom":false,"maxzoom":false,"mappingservice":"leaflet","width":"auto","height":"350px","centre":false,"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[],"rectangles":[],"copycoords":false,"static":false,"zoom":false,"defzoom":14,"layers":["OpenStreetMap"],"image layers":[],"overlays":[],"resizable":false,"fullscreen":false,"scrollwheelzoom":true,"cluster":false,"clustermaxzoom":20,"clusterzoomonclick":true,"clustermaxradius":80,"clusterspiderfy":true,"geojson":"","clicktarget":"","imageLayers":[],"locations":[{"text":"","title":"","link":"","lat":49.4859127,"lon":10.9647,"icon":""}],"imageoverlays":null}
Mehrere Objekte
<display_map>
Rathaus, Fürth, Deutschland
Stadttheater, Fürth, Deutschland
Stadtpark, Fürth, Deutschland
Moststraße, Fürth, Deutschland
49.4800525, 10.9885848
</display_map>
Die Karte wird geladen …
{"minzoom":false,"maxzoom":false,"mappingservice":"leaflet","width":"auto","height":"350px","centre":false,"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[],"rectangles":[],"copycoords":false,"static":false,"zoom":false,"defzoom":14,"layers":["OpenStreetMap"],"image layers":[],"overlays":[],"resizable":false,"fullscreen":false,"scrollwheelzoom":true,"cluster":false,"clustermaxzoom":20,"clusterzoomonclick":true,"clustermaxradius":80,"clusterspiderfy":true,"geojson":"","clicktarget":"","imageLayers":[],"locations":[{"text":"","title":"","link":"","lat":49.4772255,"lon":10.9892521,"icon":""},{"text":"","title":"","link":"","lat":49.4747948,"lon":10.9919956,"icon":""},{"text":"","title":"","link":"","lat":49.4734064,"lon":10.9971171,"icon":""},{"text":"","title":"","link":"","lat":49.4739469,"lon":10.9907047,"icon":""},{"text":"","title":"","link":"","lat":49.4800525,"lon":10.9885848,"icon":""}],"imageoverlays":null}
Pins (Nadeln in der Karte)
Anklickbarer Pin mit Link zu Artikel
<display_map zoom=17>
Rathaus, Fürth, Deutschland ~~ [[Rathaus]]
</display_map>
Die Karte wird geladen …
{"minzoom":false,"maxzoom":false,"mappingservice":"leaflet","width":"auto","height":"350px","centre":false,"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[],"rectangles":[],"copycoords":false,"static":false,"zoom":17,"defzoom":14,"layers":["OpenStreetMap"],"image layers":[],"overlays":[],"resizable":false,"fullscreen":false,"scrollwheelzoom":true,"cluster":false,"clustermaxzoom":20,"clusterzoomonclick":true,"clustermaxradius":80,"clusterspiderfy":true,"geojson":"","clicktarget":"","imageLayers":[],"locations":[{"text":"\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/wiki/index.php?title=Rathaus\" title=\"Rathaus\"\u003ERathaus\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E","title":"","link":"","lat":49.4772255,"lon":10.9892521,"icon":""}],"imageoverlays":null}
- Maus nur über Nadel ziehen, aber nicht klicken und es erscheint der Text
<display_map zoom=17>
Rathaus, Fürth, Deutschland ~ Fürther Rathaus - hier tagt auch der Stadtrat ~ [[Rathaus]]
</display_map>
Die Karte wird geladen …
{"minzoom":false,"maxzoom":false,"mappingservice":"leaflet","width":"auto","height":"350px","centre":false,"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[],"rectangles":[],"copycoords":false,"static":false,"zoom":17,"defzoom":14,"layers":["OpenStreetMap"],"image layers":[],"overlays":[],"resizable":false,"fullscreen":false,"scrollwheelzoom":true,"cluster":false,"clustermaxzoom":20,"clusterzoomonclick":true,"clustermaxradius":80,"clusterspiderfy":true,"geojson":"","clicktarget":"","imageLayers":[],"locations":[{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EF\u00fcrther Rathaus - hier tagt auch der Stadtrat\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/wiki/index.php?title=Rathaus\" title=\"Rathaus\"\u003ERathaus\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E","title":"F\u00fcrther Rathaus - hier tagt auch der Stadtrat\n","link":"","lat":49.4772255,"lon":10.9892521,"icon":""}],"imageoverlays":null}
Formatierungen
Breite, Höhe und Zoom der ganzen Karte
<display_map zoom=7 width=400 height=200>
Fürth, Deutschland
</display_map>
Die Karte wird geladen …
{"minzoom":false,"maxzoom":false,"mappingservice":"leaflet","width":"400px","height":"200px","centre":false,"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[],"rectangles":[],"copycoords":false,"static":false,"zoom":7,"defzoom":14,"layers":["OpenStreetMap"],"image layers":[],"overlays":[],"resizable":false,"fullscreen":false,"scrollwheelzoom":true,"cluster":false,"clustermaxzoom":20,"clusterzoomonclick":true,"clustermaxradius":80,"clusterspiderfy":true,"geojson":"","clicktarget":"","imageLayers":[],"locations":[{"text":"","title":"","link":"","lat":49.4885711,"lon":10.9587203,"icon":""}],"imageoverlays":null}
Mitte der ganzen Karte
<display_map centre="Innenstadt, Fürth, Deutschland">
Stadtpark, Fürth, Deutschland
</display_map>
Die Karte wird geladen …
{"minzoom":false,"maxzoom":false,"mappingservice":"leaflet","width":"auto","height":"350px","centre":{"text":"","title":"","link":"","lat":49.4750408,"lon":10.9875764,"icon":""},"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[],"rectangles":[],"copycoords":false,"static":false,"zoom":false,"defzoom":14,"layers":["OpenStreetMap"],"image layers":[],"overlays":[],"resizable":false,"fullscreen":false,"scrollwheelzoom":true,"cluster":false,"clustermaxzoom":20,"clusterzoomonclick":true,"clustermaxradius":80,"clusterspiderfy":true,"geojson":"","clicktarget":"","imageLayers":[],"locations":[{"text":"","title":"","link":"","lat":49.4734064,"lon":10.9971171,"icon":""}],"imageoverlays":null}
Ausrichtung rechts
<div class="floatright">
<display_map zoom=7 width=400 height=200>
Fürth, Deutschland
</display_map>
</div>
Textzeile 1
Textzeile 2
Textzeile 3
Die Karte wird geladen …
{"minzoom":false,"maxzoom":false,"mappingservice":"leaflet","width":"400px","height":"200px","centre":false,"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[],"rectangles":[],"copycoords":false,"static":false,"zoom":7,"defzoom":14,"layers":["OpenStreetMap"],"image layers":[],"overlays":[],"resizable":false,"fullscreen":false,"scrollwheelzoom":true,"cluster":false,"clustermaxzoom":20,"clusterzoomonclick":true,"clustermaxradius":80,"clusterspiderfy":true,"geojson":"","clicktarget":"","imageLayers":[],"locations":[{"text":"","title":"","link":"","lat":49.4885711,"lon":10.9587203,"icon":""}],"imageoverlays":null}
Textzeile 1
Textzeile 2
Textzeile 3
Vollbild und Größenänderung erlauben
Sollte eigentlich immer erlaubt werden, die da sind:
- Vollbild-Button
- Kartengröße veränderbar wahlweise über
- untere rechte Ecke
- untere Kante
- rechte Kante
<display_map fullscreen=yes resizable=yes>
Fürth, Deutschland
</display_map>
Die Karte wird geladen …
{"minzoom":false,"maxzoom":false,"mappingservice":"leaflet","width":"auto","height":"350px","centre":false,"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[],"rectangles":[],"copycoords":false,"static":false,"zoom":false,"defzoom":14,"layers":["OpenStreetMap"],"image layers":[],"overlays":[],"resizable":true,"fullscreen":true,"scrollwheelzoom":true,"cluster":false,"clustermaxzoom":20,"clusterzoomonclick":true,"clustermaxradius":80,"clusterspiderfy":true,"geojson":"","clicktarget":"","imageLayers":[],"locations":[{"text":"","title":"","link":"","lat":49.4885711,"lon":10.9587203,"icon":""}],"imageoverlays":null}
Vorlage
Das folgende Beispiel mit allen möglichen Optionen soll als Vorlage zur Einbindung in eigene Seiten dienen.
Je nach Bedarf können unnötige Teile bei Übernahme gelöscht werden.
{{Box|Box-Überschrift|
<display_map centre="Innenstadt, Fürth, Deutschland" zoom=13 width=400 height=300 fullscreen=yes resizable=yes>
Rathaus, Fürth, Deutschland ~ Fürther Rathaus - hier tagt auch der Stadtrat ~ [[Rathaus]]
Stadtpark, Fürth, Deutschland ~ PopUp-Text Fläche ~ [[PopUp-Link]]
Moststraße 1, Fürth, Deutschland ~ PopUp-Text Adresse ~ [[PopUp-Link]]
Moststraße, Fürth, Deutschland ~ PopUp-Text Straße ~ [[PopUp-Link]]
49.4800525, 10.9885848 ~ PopUp-Text Koordinate ~ [[PopUp-Link]]
90762 Fürth, Deutschland ~ PopUp-Text Postleitzahl ~ [[PopUp-Link]]
</display_map>
}}
Die Karte wird geladen …
{"minzoom":false,"maxzoom":false,"mappingservice":"leaflet","width":"400px","height":"300px","centre":{"text":"","title":"","link":"","lat":49.4750408,"lon":10.9875764,"icon":""},"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[],"rectangles":[],"copycoords":false,"static":false,"zoom":13,"defzoom":14,"layers":["OpenStreetMap"],"image layers":[],"overlays":[],"resizable":true,"fullscreen":true,"scrollwheelzoom":true,"cluster":false,"clustermaxzoom":20,"clusterzoomonclick":true,"clustermaxradius":80,"clusterspiderfy":true,"geojson":"","clicktarget":"","imageLayers":[],"locations":[{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EF\u00fcrther Rathaus - hier tagt auch der Stadtrat\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/wiki/index.php?title=Rathaus\" title=\"Rathaus\"\u003ERathaus\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E","title":"F\u00fcrther Rathaus - hier tagt auch der Stadtrat\n","link":"","lat":49.4772255,"lon":10.9892521,"icon":""},{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EPopUp-Text Fl\u00e4che\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/wiki/index.php?title=PopUp-Link\u0026amp;action=edit\u0026amp;redlink=1\" class=\"new\" title=\"PopUp-Link (Seite nicht vorhanden)\"\u003EPopUp-Link\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E","title":"PopUp-Text Fl\u00e4che\n","link":"","lat":49.4734064,"lon":10.9971171,"icon":""},{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EPopUp-Text Adresse\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/wiki/index.php?title=PopUp-Link\u0026amp;action=edit\u0026amp;redlink=1\" class=\"new\" title=\"PopUp-Link (Seite nicht vorhanden)\"\u003EPopUp-Link\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E","title":"PopUp-Text Adresse\n","link":"","lat":49.4748127,"lon":10.9891688,"icon":""},{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EPopUp-Text Stra\u00dfe\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/wiki/index.php?title=PopUp-Link\u0026amp;action=edit\u0026amp;redlink=1\" class=\"new\" title=\"PopUp-Link (Seite nicht vorhanden)\"\u003EPopUp-Link\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E","title":"PopUp-Text Stra\u00dfe\n","link":"","lat":49.4739469,"lon":10.9907047,"icon":""},{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EPopUp-Text Koordinate\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/wiki/index.php?title=PopUp-Link\u0026amp;action=edit\u0026amp;redlink=1\" class=\"new\" title=\"PopUp-Link (Seite nicht vorhanden)\"\u003EPopUp-Link\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E","title":"PopUp-Text Koordinate\n","link":"","lat":49.4800525,"lon":10.9885848,"icon":""},{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EPopUp-Text Postleitzahl\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/wiki/index.php?title=PopUp-Link\u0026amp;action=edit\u0026amp;redlink=1\" class=\"new\" title=\"PopUp-Link (Seite nicht vorhanden)\"\u003EPopUp-Link\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E","title":"PopUp-Text Postleitzahl\n","link":"","lat":49.4757238,"lon":10.9869908,"icon":""}],"imageoverlays":null}
Beispiel-Seiten
Hinweise
- Namensangaben für Orte, Straßen usw. gehen nur mit Namen, die in OpenStreetMap so eingetragen sind
- Namensangaben müssen eindeutig sein
- Namen sind gegenüber Koordinaten zu bevorzugen, wenn ziemlich auszuschließen ist, dass sich der Name über die Zeit hinweg ändern könnte (außer der Himmel stürzt auf uns ein). Beispiel: Die „Gustavstraße“ wird höchstwahrscheinlich ewig so heißen. Vorsicht ist geboten und besser ist die Koordinate zu verwenden bei z.B. privatwirtschaftlichen Objekten. Negativ-Beispiel: „City-Center“ heißt jetzt „Flair“
- Technischer Hintergrund: Die Geodaten von OpenStreetMap basieren meist auf Satelliten-Bildern (ja, da haben wirklich Leute die Straßen, Häuser usw. händisch abgezeichnet!). Da es inzwischen bessere (feiner aufgelöste) Satelliten-Bilder gibt, werden später manchmal Objekte in OpenStreetMap genauer nachgepflegt (verschoben). Wenn man nun im FürthWiki eine Koordinate angegeben hat, so kann es in solch einem Fall sein, dass die Koordinaten-Nadel nicht mehr aufs bewünschte Objekt zeigt.
Weblinks
- MediaWiki-Extension Maps - online (nur für Experten!)
