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 genommen werden zur Einbindung in eine 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":[],"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":[],"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":[],"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":[],"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":[],"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.4734064,"lon":10.9971171,"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":[],"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":[],"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":[],"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":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}
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.
<display_map centre="Innenstadt, Fürth, Deutschland" zoom=14 width=400 height=300>
Rathaus, Fürth, Deutschland ~ Fürther Rathaus - hier tagt auch der Stadtrat ~ [[Rathaus]]
Stadttheater, Fürth, Deutschland ~ PopUp-Text ~ [[PopUp-Link]]
Stadtpark, Fürth, Deutschland ~ PopUp-Text ~ [[PopUp-Link]]
Moststraße, Fürth, Deutschland ~ PopUp-Text ~ [[PopUp-Link]]
49.4800525, 10.9885848 ~ PopUp-Text ~ [[PopUp-Link]]
</display_map>
Die Karte wird geladen …
{"minzoom":false,"maxzoom":false,"mappingservice":"leaflet","width":"400px","height":"300px","centre":false,"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[],"rectangles":[],"copycoords":false,"static":false,"zoom":14,"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\u003EPopUp-Text\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\n","link":"","lat":49.4800525,"lon":10.9885848,"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 wird (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 in die Datenbank übertragen!). 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!)