|
|
| 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":"","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":"\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.510885,"lon":13.3989367,"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.3730796,"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":"","lines":[],"polygons":[],"circles":[],"rectangles":[],"copycoords":false,"static":false,"zoom":false,"defzoom":14,"layers":["OpenStreetMap"],"image layers":[],"overlays":[],"resizable":false,"fullscreen":false,"scrollwheelzoom":false,"cluster":false,"clustermaxzoom":20,"clusterzoomonclick":true,"clustermaxradius":80,"clusterspiderfy":true,"geojson":"","clicktarget":"","imageLayers":[],"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.0538286,"lon":3.7250121,"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.8465573,"lon":4.351697,"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.3997081,"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":"","lines":[],"polygons":[],"circles":[],"rectangles":[],"copycoords":false,"static":true,"zoom":false,"defzoom":14,"layers":["OpenStreetMap.DE"],"image layers":[],"overlays":[],"resizable":false,"fullscreen":false,"scrollwheelzoom":true,"cluster":false,"clustermaxzoom":20,"clusterzoomonclick":true,"clustermaxradius":80,"clusterspiderfy":true,"geojson":[],"clicktarget":"","GeoJsonSource":null,"GeoJsonRevisionId":null,"imageLayers":[],"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
