Mobirise Tutorials

OpenStreetMap

Auf der Arbeitsseite von Mobirise wird über ein <iframe> nur eine Vorschaukarte angezeigt, da Mobirise das JavaScript zur Anzeige der gewünschten Adresse erst im Browser nach der Vorschau oder dem Publizieren anzeigt.

Klickt zum Download dieser Blockerweiterung auf den rechten Button unter der Karte und folgt den Anweisungen zum Import und zur Anwendung einer solchen Erweiterung.

Das Label des gesetzten Adress-Markers bleibt online auf der Webseite direkt am Marker. 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.

Ihr könnt wählen, ob das Label über oder rechts neben dem Marker angezeigt werden soll oder es ganz ausschalten. Diese Position wird jedoch nur auf dem Online‑Server korrekt dargestellt, nicht in der Vorschau. Das Label lässt sich über das "x" schließen und durch einen Klick auf den Marker wieder einblenden.

Das Zoom-Werkzeug in den Block-Werkzeugen kann im gleichen Faktor bei der lokalen Vorschau vom Leaflet am Server abweichen. Probiert den voreingestellten Zoom also auch am Server zunächst aus.

Kurzanleitung für die Vorschaukarte auf der Arbeitsseite von Mobirise:

> Adresse auf openstreetmap.org suchen
> Gewünschten Kartenausschnitt einstellen
> Rechts in der Auswahl auf Teilen klicken 
> HTML einbetten wählen
> Aus dem iframe-Code nur den Wert hinter bbox= kopieren
> Diesen Wert bei Preview BBox in den Block-Werkzeugen als Vorschaukarte einfügen

Beispiel-Koordinaten:
13.3940%2C52.5140%2C13.4160%2C52.5260