Hilfe:Karten

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 Vorlage:Karte oder <display_map> eingebunden werden.

Es gibt die folgenden Möglichkeiten, eine Karte zu erstellen:

1. Mittels Formular-Methode (unbedingt zu bevorzugen bei Standard-Objekten wie z.B. Straßen usw.)
2. Mittels Name des Objekts
3. Mittels selbst erstellter Karten im grafischen Editor (insbesondere bei Flächen, Arealen usw.)
4. Mittels Koordinate

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 (fast) beliebig kombinieren.

Die Vorlagen unten können als Basis genommen werden zur Einbindung in die eigene Seite.

Einfach ausprobieren!

Wenn etwas nicht geht, siehe Tipps und 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, Bayern, 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

Achtung! Postleitzahl kommt hinter „Fürth“

<display_map zoom=17>
  Erlanger Straße 1, Fürth, 90765, 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, Bayern, 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, Bayern, 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}

Stadtteil

<display_map>
  Stadtteil Vach, Fürth, Bayern, 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}

Ort

<display_map>
  Fürth, Bayern, 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, Bayern, Deutschland
  Stadttheater, Fürth, Bayern, Deutschland
  Stadtpark, Fürth, Bayern, Deutschland
  Moststraße, Fürth, Bayern, Deutschland
  Fürth, 90762, 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.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, Bayern, 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}

Anklickbarer Pin mit PopUp und Link zu Artikel

Maus nur über Nadel ziehen, aber nicht klicken und es erscheint der Text

<display_map zoom=17>
  Rathaus, Fürth, Bayern, 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}

Grafischer Editor (GeoJson)

 Testbox

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":16,"defzoom":14,"layers":["OpenStreetMap"],"image layers":[],"overlays":[],"resizable":true,"fullscreen":true,"scrollwheelzoom":true,"cluster":false,"clustermaxzoom":20,"clusterzoomonclick":true,"clustermaxradius":80,"clusterspiderfy":true,"geojson":{"type":"FeatureCollection","features":[{"type":"Feature","properties":{"title":"Test3","description":"Test3"},"geometry":{"type":"Point","coordinates":[10.984397,49.486943]}},{"type":"Feature","properties":{"title":"Test2","description":"Test2"},"geometry":{"type":"Polygon","coordinates":[[[10.98577,49.485689],[10.991778,49.488616],[10.992208,49.483319],[10.98577,49.485689]]]}},{"type":"Feature","properties":{"title":"Test","description":"Test"},"geometry":{"type":"Polygon","coordinates":[[[10.985212,49.488533],[10.985212,49.490791],[10.989547,49.490791],[10.989547,49.488533],[10.985212,49.488533]]]}}]},"clicktarget":"","GeoJsonSource":"Karten-Hilfe-Testbox","GeoJsonRevisionId":716238,"imageLayers":[],"locations":[],"imageoverlays":null}

Im grafischen Editor lassen sich einfach flächige Objekte (z.B. Areale, Siedlungen, ...) und Nadeln setzen. Es können auch mehrere Objekte in beliegem Mix (Flächen, Rechtecke, Nadeln) in die Karte einzeichnen. Arbeitsablauf:

1. Zuerst muss die Karte erstellt werden
   1. Dazu erstellt man eine neue sog. GeoJson-Seite, indem man als Suche GeoJson:<Kartenname> (Kartenname durch Name der Karte) eingibt.
   2. Es kommt die üblige Meldung, dass die Seite nicht gefunden wurde. Dort klickt man auf Erstelle die Seite „GeoJson:<Kartenname>“ in diesem Wiki.
   3. Es öffnet sich wie üblich die Quelltext-Editier-Seite Erstellen von „GeoJson:<Kartenname>“. Diese Seite mit dem Quelltext speichert man erstmal so, wie es ist.
   4. Jetzt hat man eine leere Karte. In dieser Karte kann man einzelne oder mehrere Objekte (Linien, Flächen, Rechtecke, Nadeln) hinzufügen, verändern und löschen.
   5. Durch Klicken auf die Objekte kann man Popup-Texte hinzufügen bzw. editieren
   6. Speichern nicht vergessen! (Disketten-Symbol)
2. Karte auf Artikel-Seite einbinden mittels
   1. Ohne Box: <display_map geojson=Kartenname/>
   2. Mit Box {{ Karte | geojson=Kartenname }} oder {{ Karte | headline=Box-Überschrift | geojson=Kartenname }} (siehe auch Vorlage:Karte)

Beispiel mit Box:

{{ Karte | headline=Testbox | geojson=Karten-Hilfe-Testbox }}

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, Bayern, Deutschland">
  Stadtpark, Fürth, Bayern, 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}

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":[],"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":[],"imageoverlays":null}

Vorlagen

Die folgenden Beispiele mit allen möglichen Optionen sollen als Vorlagen zur Einbindung in eigene Seiten dienen. Je nach Bedarf können unnötige Teile bei Übernahme gelöscht werden.

Vorlage ohne Box

<display_map centre="Innenstadt, Fürth, Bayern, Deutschland" zoom=13 width=400 height=300 fullscreen=yes resizable=yes>
  Rathaus, Fürth, Bayern, Deutschland ~ Fürther Rathaus - hier tagt auch der Stadtrat ~ [[Rathaus]]
  Stadtpark, Fürth, Bayern, Deutschland ~ PopUp-Text Fläche ~ [[PopUp-Link]]
  Moststraße 1, Fürth, Bayern, Deutschland ~ PopUp-Text Adresse ~ [[PopUp-Link]]
  Moststraße, Fürth, Bayern, Deutschland ~ PopUp-Text Straße ~ [[PopUp-Link]]
  49.4800525, 10.9885848 ~ PopUp-Text Koordinate ~ [[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":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\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":""}],"imageoverlays":null}

Vorlage mit Box bei mehreren Objekten

{{ Box | Box-Überschrift |
  <display_map centre="Innenstadt, Fürth, Bayern, Deutschland" zoom=13 fullscreen=yes resizable=yes>
    Rathaus, Fürth, Bayern, Deutschland ~ Fürther Rathaus - hier tagt auch der Stadtrat ~ [[Rathaus]]
    Stadtpark, Fürth, Bayern, Deutschland ~ PopUp-Text Fläche ~ [[PopUp-Link]]
    Moststraße 1, Fürth, Bayern, Deutschland ~ PopUp-Text Adresse ~ [[PopUp-Link]]
    Moststraße, Fürth, Bayern, Deutschland ~ PopUp-Text Straße ~ [[PopUp-Link]]
    49.4800525, 10.9885848 ~ PopUp-Text Koordinate ~ [[PopUp-Link]]
  </display_map>
}}

  Box-Überschrift

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":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\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":""}],"imageoverlays":null}

Siehe auch Vorlage:Karte

Vorlage mit Box und einem Objekt

Siehe

• Grafischer Editor (GeoJson)
• Vorlage:Karte

Beispiel-Seiten

• Brücken
• Südstadt

Tipps und Hinweise

• Namensangaben
  • Namensangaben für Orte, Straßen usw. gehen nur mit Namen, die in OpenStreetMap so bzw. überhaupt eingetragen sind
  • Namensangaben müssen eindeutig sein
    • Wenn eine Namensangabe auf Anhieb nicht geht, weil keine oder mehrere Objekte in OpenStreetMap vorhanden sind, dann hilft die Suche auf der OpenStreetMap-Webseite. Da kann man sehen, was unter Namensangabe alles (oder eben nicht) gefunden wird. Am Ende darf dort nur noch ein Ergebnis angezeigt werden.
    • Es kann bei Mehrdeutigkeiten auch helfen, der Namensangabe die Art des Objekts hinzuzufügen wie z.B. „Stadtteil“, „Bahnhof“ usw. Auch hier wieder die Suche bei OpenStreetMap , die zeigt welche Objektarten sie findet tut
• 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!)

Siehe auch

• Vorlage:Box
• Vorlage:Karte