Open Street Map Block

[Volker]

Huhu

Eine Alternative für die Goolge Maps Blöcke :



https://www.niederastroth.de/MapBlock.html

[Tommy Herrmann]

Moin,

ich hatte mal vor Jahren "Open Street Map" als ein Script von "Dr-DSGVO.de" als Alternative zu Google-Maps eingebaut.

https://www.mobirise-tutorials.com/Test ... html#Karte

Das wird bei mir aber auch nicht in Mobirise auf der Arbeitsseite angezeigt. Sicherlich geht das irgendwie - aber inzwischen gibt es ja neue Abkommen zwischen der EU und den USA, was den Datenschutz betrifft und man kann daher auch wieder Google-Maps, nach der Einwilligung des Webseiten-Besuchers, verwenden.

Google-Maps kann ja auch inzwischen durch den einfachen "Cookie-Alert" von Mobirise unterbunden werden, erst wenn die Cookie akzeptiert werden, wird auch Maps angezeigt. Google-Maps habe ich beispielhaft auf dieser gleichen Seite etwas höher eingebunden:

https://www.mobirise-tutorials.com/Test ... oogle-Maps

Ich glaube Du musst einen Link zu "OpenStreetMap" setzen, damit Du den Bedingungen entsprichst.

https://www.openstreetmap.org/copyright

[Volker]

Ist als Alternativ Block gedacht.Kann auch ein bisschen mehr
Einfach mal anschauen...

[Tommy Herrmann]

Moin,

habe jetzt Deine Anwendung noch nicht installiert oder angesehen, weil mich ja immer der Weg dorthin viel mehr interessiert als die Anwendung selbst.

Das Problem bei solchen Anwendungen ist immer wieder, dass Mobirise die JavaScripts nicht verarbeitet.

Daher habe ich das jetzt auch mal über ChatGPT ausprobiert und mir dort die Möglichkeit eingebaut die Koordinaten "meines" Kartenausschnittes für die Vorschau auf der Arbeitsseite einzutragen.

Die eigentliche Adresse zur Anzeige auf meiner Webseite gebe ich separat in den Block-Werkzeugen ein.

https://www.mobirise-tutorials.com/AI-B ... etMap.html

OpenStreetMap.jpg

Download auch als Erweiterung am Button unter der OpenStreetMap Karte.

[Tommy Herrmann]

Volker,

jetzt habe ich doch mal Deine .mbrext Maps geladen, weil ich gesehen habe, dass bei Dir das Label vom Marker am Marker beim Zoomen dran bleibt (wie es ja auch sein sollte, ich hatte damit Probleme), allerdings gibt das eine sehr unschöne Fehlermeldung bei Deiner Vorschau (siehe Screenshot) oder dem lokalen Publizieren über Mobirise:

Access-Blocked.jpg

OpenStreetMap blockiert die Leaflet-Karte, weil der Tile-Server einen gültigen „Referer“ erwartet. Genau das passiert häufig in Editoren wie Mobirise oder bei lokalen Vorschauen.

Ich habe es jetzt so angepasst, dass es lokal eine Vorschaukarte wie in den Werkzeugen eigetragen anzeigt und auf der Website eben die korrekte Adresse. Lokal in Mobirise bleibt es beim stabilen iframe, online auf dem Server wird Leaflet geladen.

Das Label des gesetzten Adress-Markers bleibt online auf der Webseite direkt am Marker, offline im iframe leider nicht. Dies wird mit Leaflet erreicht. Leaflet ist eine eigenständige JavaScript-Kartenbibliothek, die auf dem veröffentlichten Webserver funktioniert, jedoch nicht zuverlässig lokal innerhalb von Mobirise.

[Volker]

Bin gerade in Italien in Urlaub und kein Mobirise dabei Mein Block bleibt so.Das keine Vorschau in Mobirise und lokal hab ich billigend in kauf genommen Das Ding muss online laufen und das tut es Mit einigen netten Optionen wie man sieht

[Tommy Herrmann]

Das wollte ich Dir doch nur zeigen, dass es nun auch offline über iframe läuft und dann auch keine irritierende Fehlermeldung gibt:

https://www.mobirise-tutorials.com/AI-B ... etMap.html

OpenStreetMap Ansicht auf Webseite.jpg

Weiterhin fehlt in Deiner OpenStreetMap Anwendung der Link zu deren Lizenzseite "Copyright", der (glaube ich) explizit erforderlich ist:

https://www.openstreetmap.org/copyright

Schönen Urlaub