Beschreibung

Per iFrame können mit Hilfe des Blockes »Karte« externe Online-Kartendienste in die eigenen Seiten eingebunden werden.

Anwendungsbeispiel

Vorschaubild bei Google My Maps 

Link kopieren bei U-Map

Youtube-Link zum HowTo-Video

Link zu YouTube-Tutorial

INHALTSVERZEICHNIS

Verwendung

Einbindung von Online-Karten in Ihre Website: Dies geht sowohl über den Kartendienst »Googlemaps« als auch über »uMap«. So können Nutzenden leicht und übersichtlich den Standort von beispielsweise Ihrem Institut oder Ihrer Einrichtung einsehen.

Weitere Infos sind auf der Präsentationsseite bereitgestellt. Dort präsentieren wir Ihnen alle zur Verfügung stehenden Blöcke.


Schritt-für-Schritt-Anleitung

  1. Fügen Sie den Block Karte hinzu. Wählen Sie bei Bedarf zusätzlich eine Blocküberschrift aus
  2. Ist der Block »Karte« hinzugefügt, lässt sich das Einstellungsmenü aufrufen. Dieses finden Sie, wenn Sie bei Ihrem Block auf das Zahnradsymbol fahren und auf »Einstellungen« klicken. 
  3. Tragen Sie im Feld »URL« den Link zur erstellten Karte eines Dienstes ein. Erlaubte Kartendienste sind:
  4. Wenn Sie den Link eingetragen haben, wird das Feld »Breite« angezeigt. Sie haben die Wahl zwischen »Inhaltsbreite« und »Textbreite«. Die »Inhaltsbreite« stellt die Karte breiter dar als die »Textbreite«.
    • Gehen Sie zu »My Maps« und melden Sie sich bei Google an.
    • Klicken Sie auf »Neue Karte erstellen« und geben anschließend in der Suchleiste den gewünschten Ort ein.
    • Fahren Sie mit dem Cursor zu dem nun markierten Ort und klicken Sie in an. Ein Fenster öffnet sich, auf dem Sie das Feld »Zur Karte hinzufügen« finden. Wählen Sie dieses per Mausklick aus.
    • Wählen Sie anschließend »Vorschau«. Dieses Feld finden Sie im Kästchen des linken Bedienungsbereiches (siehe Anwendungsbeispiel).
    • In der Vorschau auf »Teilen« und anschließend »In meine Webseite einbetten« klicken. 
    • Es erscheint die Nachfrage, ob die Berechtigung von »Privat« zu »Öffentlich im Web« geändert werden soll. Klicken Sie auf »Berechtigungen ändern«.
    • Es öffnet sich Bedienungsfeld. Wählen Sie unter dem Menüpunkt »Allgemeiner Zugriff« die Option »Jeder, der über den Link verfügt« aus und klicken Sie auf »Fertig«. Das Bedienungsfenster schließt sich.
    • Klicken Sie nochmals auf »Teilen« und dann »In meine Website einbinden«. Es wird ein Link angezeigt.
    • Wählen Sie nun den kompletten Link aus und kopieren ihn in das Feld »Link« im Einstellungsbereich des Blockes »Karte«.
    • Gehen Sie zu »uMap« und klicken Sie auf »Erstelle eine Karte«.
    • Klicken Sie in der linken oberen Ecke auf »Unbenannte Karte« und benennen Sie die Karte entsprechend. Wählen Sie anschließend »Speichern«.
    • Laden Sie die Seite neu.
    • Klicken Sie oben rechts in der Einstellungsleiste auf den Button »Bearbeiten aktivieren« (Stift Icon).
    • Klicken Sie rechts in der Einstellungsleiste auf den Button »Berechtigungen und Bearbeiter verändern« (Schlüssel Icon).
    • Ein neues Menü öffnet sich. Kopieren Sie den dort angezeigten Bearbeitungslink.
    • Wichtig: Bei uMap können Sie Karten erstellen, ohne sich vorher bei dem Dienst anzumelden oder für einen Account zu registrieren. Wenn Sie die erstellte Karte später nochmals bearbeiten oder eine Änderung vornehmen möchten, müssen Sie unbedingt den Bearbeitungslink speichern! Mit diesem Link haben Sie die Möglichkeit, auch später weiter an Ihrer Karte zu arbeiten, auch wenn Sie keinen Account bei uMap besitzen. Sollten Sie einen Account bei uMap besitzen, können Sie später auch ohne den Link auf Ihre gespeicherten Karten zugreifen und Änderungen vornehmen.
    • Klicken Sie nun im linken Bearbeitungsfeld auf die Lupe (»Einen Ortsnamen suchen«) und suchen den gewünschten Zielort.
    • Anschließend in der rechten Navigationsleiste auf das »Markersymbol« klicken und an der gewünschten Stelle den Marker setzen. Den Marker unter »Name« entsprechend benennen und anschließend speichern.
    • In der linken Navigationsleiste auf Teilen (»Teile und binde diese Karte ein«) klicken (siehe Anwendungsbeispiel 1
    • Im Feld »Karte einbinden« wird Ihnen ein Link angezeigt (siehe Anwendungsbeispiel 2). Kopieren Sie diesen vollständig und fügen ihn anschließend in das Feld »Link« im Einstellungsbereich des Blockes »Karte« ein.
  5. Haben Sie bei uMap den Bearbeitungslink verloren und möchten trotzdem Ihre Kartendaten verwenden und bearbeiten?

    • Rufen Sie den Block Karte auf. Kopieren Sie im Einstellungsmenü den Link Ihrer Karte im Feld »Link«.
    • Geben Sie den Link in Ihrem Browser ein. Es öffnet sich Ihre Karte im Programm uMap.
    • Klicken Sie links in der Einstellungsleiste auf das Icon »Teile und binde diese Karte ein«.
    • In dem neuen Fenster rechts wählen Sie »vollständige Kartendaten« aus und klicken dann auf den Button »Daten herunterladen«.
    • Speichern Sie die ».umap« Datei auf Ihrem Computer.
    • Erstellen Sie im Browser auf der Seite uMap eine neue Karte.
    • Klicken Sie rechts in der Einstellungsleiste auf das Icon »Daten importieren«.
    • Unter »Daten importieren« wählen Sie die gespeicherte ».umap« Datei aus.
    • Setzen Sie einen Haken bei »Ebeneninhalt ersetzen« und klicken Sie unten auf den Button »Importieren«.
    • Klicken Sie oben rechts auf den Button »Speichern«.
    • Laden Sie die Seite neu.
    • Klicken Sie rechts in der Einstellungsleiste auf den Button »Bearbeiten aktivieren« (Stift Icon).
    • Klicken Sie rechts in der Einstellungsleiste auf den Button »Berechtigungen und Bearbeiter verändern« (Schlüssel Icon).
    • Kopieren Sie dort den angezeigten Bearbeitungslink und speichern ihn in Ihren persönlichen Unterlagen. (Über diesen Bearbeitungslink kann zukünftig die Karte bearbeitet werden.)
    • Fügen Sie nun den neuen Link zur Karte im CMS im Block Karte ein. 

Zusätzliche Hinweise 

  • Achten Sie bitte darauf, den richtigen Link zu verwenden. In den Anwendungsbeispielen wird der Teil, der zu kopieren ist, jeweils hervorgehoben. 


Ergänzende Beiträge