OpenStreetMap 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 "OpenStreetMap" 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

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:

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

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

[struggle]

Hallo Tommy,
ich konnte erfolgreich entsprechend deiner Anleitung deinen Block auf meiner Homepage einbauen.
Ich finde, es sieht gut aus, sowohl am PC als auch auf dem Handy.

https://www.meinlangengrassau.de/openstreetmap.html

[Tommy Herrmann]

Prima

Vielen Dank für Deine Rückmeldung!

Genau so soll es aussehen. Diese Landkarte hat den großen Vorteil, dass sie DSGVO‑konform ist und keine datenschutzrechtlichen Probleme verursacht, wie es bei Google vorkommen kann. Man darf sogar OpenStreetMap (OSM) Kartenausschnitte kopieren, als Bild (z.B. PNG, JPG) auf seiner Webseite nutzen und diese sogar gewerblich verwenden, solange man sich an die Vorschriften zur Namensnennung von OSM hält.

Wie ich sehe, verwendest Du noch immer Mobirise4. Es ist gut zu wissen, dass OpenStreetMap und der von mir verwendete Mobirise5‑Block auch fehlerfrei in einem Mobirise4‑Thema funktionieren.

In meiner letzten Version, die Du ja auch verwendet hast, hatte ich außerdem einen zusätzlichen Schalter eingebaut, mit dem sich erzwingen lässt, dass das Label des Markers am Handy — also die Beschriftung — immer oberhalb des Markers sitzt, selbst wenn die Auswahl rechts vom Marker liegt.

Beim Aufruf der Seite wird der Marker immer mittig gesetzt; wenn das Label sehr groß ist, kann es auf dem Handy die Seite etwas verschieben und das Label eventuell nicht vollständig anzeigen, was ich nicht schön fand.

[struggle]

Hallo Tommy,

Wie ich sehe, verwendest Du noch immer Mobirise4.

Eigentlich nicht. Ich bin mit Mobirise 5 unterwegs. Meine Homepage ist noch mit Mobirise 4 erstellt worden, ich glaube sogar, es war ursprünglich die 3.
Aber upgedatet wurde auf Mobirise 5

[Tommy Herrmann]

ich kam nur drauf, da es so in Deiner Projekt-Datei steht:

"settings": {
"name": "Langengrassau",
"currentPage": "openstreetmap.html",
"theme": {
"name": "mobirise4",
"title": "Mobirise 4",
"styling": {
"primaryColor": "#f7ed4a",
"secondaryColor": "#ea2744",
"successColor": "#db6400",
"infoColor": "#82786E",
"warningColor": "#ffffff",
"dangerColor": "#db6400",
"mainFont": "Rubik",
"display1Font": "Rubik-Regular",
"display1Size": 4.25,
"display2Font": "Rubik-Regular",
"display2Size": 3,
"display5Font": "Rubik-Regular",
"display5Size": "2.0",
"display7Font": "Rubik-Regular",
"display7Size": "1.2",
"display4Font": "Rubik-Regular",
"display4Size": 1,
"isRoundedButtons": false,
"isAnimatedOnScroll": true,
"isScrollToTopButton": true
},

Deine Themen-Blöcke scheinen alle aus dem alten Thema "Mobirise4" zu stammen, auch wenn Du als aktuelle Software "Mobirise 6" verwendest.

[Volker]

So,

hab den Link nun auch eingebaut zur Lizenz Seite. Ist also in der aktuellen mbrext nun auch so drin.

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

Ist aber nach wie vor meine alte Version ohne Vorschau in Mobirise