|
|
| Zeile 10: |
Zeile 10: |
| | Antwerp~The city Antwerp~ ~ ~ ~Antwerp | | Antwerp~The city Antwerp~ ~ ~ ~Antwerp |
| | </display_map> | | </display_map> |
| | + | |
| | + | {{#display_map:width=100%|height=250px|static=yes|layers=OpenStreetMap.DE|geojson={Höhenhaus}}}]</span><span style="font-size:80%">[https://www.offenedaten-koeln.de/dataset/stadtteile Datenquelle: Stadt Köln – offenedaten-koeln.de]</span> |
| | + | |} |
| | + | |
| | + | |
| | | | |
| | === Interaktiver Übersichtsplan zur Sigwinstraße (bisher Test, zum Öffnen anklicken):=== | | === Interaktiver Übersichtsplan zur Sigwinstraße (bisher Test, zum Öffnen anklicken):=== |
| Zeile 16: |
Zeile 21: |
| | |- | | |- |
| | |} | | |} |
| − |
| |
| | <!-- | | <!-- |
| | == Zum Vergleich: Mit Iframe == | | == Zum Vergleich: Mit Iframe == |
Grundsätzlicher Test mit display-map
Die Karte wird geladen …
{"minzoom":false,"maxzoom":false,"mappingservice":"leaflet","width":"auto","height":"350px","centre":false,"title":"","label":"","icon":"","visitedicon":"","lines":[],"polygons":[],"circles":[],"rectangles":[],"wmsoverlay":false,"copycoords":false,"static":false,"zoom":false,"defzoom":14,"layers":["OpenStreetMap"],"overlaylayers":[],"resizable":false,"enablefullscreen":false,"scrollwheelzoom":true,"markercluster":false,"clustermaxzoom":20,"clusterzoomonclick":true,"clustermaxradius":80,"clusterspiderfy":true,"geojson":"","locations":[{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EThe city Berlin\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EBerlin is a really nice city and there is plenty of Club Mate\n\u003C/p\u003E\u003C/div\u003E","title":"The city Berlin\n","link":"","lat":52.517036500000003,"lon":13.3888599,"icon":"/images/b/b9/Sigwinstr._21_Kemp_S._30.jpg"},{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EThe city Amsterdam\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EAmsterdam is the capital of The Netherlands\n\u003C/p\u003E\u003C/div\u003E","title":"The city Amsterdam\n","link":"","lat":52.373079599999997,"lon":4.8924534,"icon":"https://pro-wiki.s3.amazonaws.com/1644153356/b/be/Green-marker.png"}],"imageoverlays":null}
Die Karte wird geladen …
{"minzoom":false,"maxzoom":false,"mappingservice":"leaflet","width":"auto","height":"150px","centre":false,"title":"","label":"","icon":"","visitedicon":"","lines":[],"polygons":[],"circles":[],"rectangles":[],"wmsoverlay":false,"copycoords":false,"static":false,"zoom":false,"defzoom":14,"layers":["OpenStreetMap"],"overlaylayers":[],"resizable":false,"enablefullscreen":false,"scrollwheelzoom":false,"markercluster":false,"clustermaxzoom":20,"clusterzoomonclick":true,"clustermaxradius":80,"clusterspiderfy":true,"geojson":"","locations":[{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EThe city Ghent\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EGhent is awesome\n\u003C/p\u003E\u003C/div\u003E","title":"The city Ghent\n","link":"","lat":51.053828600000003,"lon":3.7250120999999998,"icon":"","inlineLabel":"Ghent\n"},{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EThe city Brussel\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EThe capital of Belgium\n\u003C/p\u003E\u003C/div\u003E","title":"The city Brussel\n","link":"","lat":50.855001799999997,"lon":4.3512333761165998,"icon":"","inlineLabel":"Brussels\n"},{"text":"\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EThe city Antwerp\n\u003C/p\u003E\u003C/div\u003E","title":"The city Antwerp\n","link":"","lat":51.2211097,"lon":4.3997080999999998,"icon":"","inlineLabel":"Antwerp\n"}],"imageoverlays":null}
Die Karte wird geladen …
{"minzoom":false,"maxzoom":false,"mappingservice":"leaflet","width":"100%","height":"250px","centre":false,"title":"","label":"","icon":"","visitedicon":"","lines":[],"polygons":[],"circles":[],"rectangles":[],"wmsoverlay":false,"copycoords":false,"static":true,"zoom":false,"defzoom":14,"layers":["OpenStreetMap.DE"],"overlaylayers":[],"resizable":false,"enablefullscreen":false,"scrollwheelzoom":true,"markercluster":false,"clustermaxzoom":20,"clusterzoomonclick":true,"clustermaxradius":80,"clusterspiderfy":true,"geojson":[],"locations":[],"imageoverlays":null}
}]Datenquelle: Stadt Köln – offenedaten-koeln.de
|}
Interaktiver Übersichtsplan zur Sigwinstraße (bisher Test, zum Öffnen anklicken):
Interaktiver Übersichtsplan der Sigwinstraße - Test
Das folgende Beispiel hat zwar nichts mit Höhenhaus zu tun, dient aber hier als Beispiel, wie ein umap über ein Bild in werden könnte:
Interaktiver Übersichtsplan der Köln Klöster (zum Öffnen anklicken):
Interaktiver Übersichtsplan der Kölner Klöster
