Landkarte einfügen: Unterschied zwischen den Versionen

Aus GCMS Hilfe
Wechseln zu: Navigation, Suche
 
(8 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
[[Datei:Karten1.png|miniatur|244x244px|Landkarten einfügen - Backend]]
 
Das GCMS unterstützt die Einbettung von Google Maps-Karten in Seiten. Wenn sie die exakten Geokoordinaten eines Punkts kennen, können sie den folgenden Tag benutzen:
 
  
<code><karte koord="51.53397,9.93107">Testtext</karte></code>
+
Aus Datenschutzgründen raten wir von Einbettungen von Google Maps ab.  
  
Ist ihnen nur die Adresse bekannt, können sie den unteren Tag nehmen.
+
Bei der folgend beschriebenen Nutzung von OpenStreetMaps wird automatisch der GCMS-Content-Blocker aktiviert. Dadurch wird sichergestellt, dass keine externen Inhalte ohne Einverständnis des Seitenbesuchers geladen werden.
  
Alles, was zwischen den beiden <karte>-Tags steht wird angezeigt, wenn der Benutzer auf den Pin, den umgekehrten roten Tropfen mit schwarzem Punkt, in der Karte klickt. Dabei können auch beliebige GCMS-Tags benutzt werden, wie  z. B. der Fett-Tag und der Kursiv-Tag im folgenden Beispiel:
+
Um genauere Informationen zu Universitätsgebäuden auf einer eingebetteten Karte anzuzeigen, gibt es auch die Möglichkeit den [[Lageplan einbinden|Lageplan einzubetten (Anleitung ansehen)]].
[[Datei:Karten2.png|miniatur|245x245px|Landkarten einfügen - Frontend]]
+
 
<code><karte adr="Platz der Göttinger Sieben 5, 37073 Göttingen"><fett>Überschrift</fett>Testtext <kursiv>Testtext</kursiv> Testtext</karte></code>
+
 
 +
== Kartenausschnitt festlegen und HTML-Code erstellen lassen ==
 +
# Öffnen Sie https://www.openstreetmap.org/ und legen Sie den gewünschten Ausschnitt fest.
 +
# Klicken Sie in der rechten Leiste auf „Teilen“.[[Datei:Openstreetmap - Teilen.png|miniatur|Zum gewünschten Ausschnitt navigieren und auf „Teilen” klicken]]
 +
# Wählen Sie den Reiter „HTML“ aus: es wird ein fertiger Code zum Kopieren zur Verfügung gestellt.[[Datei:Code für openstreetmap iframe.png|miniatur|Fertigen Code kopieren]]
 +
# Kopieren Sie den Code in ein GCMS-Text-Element an die gewünschte Position auf Ihrer Seite.

Aktuelle Version vom 7. Juni 2021, 16:40 Uhr

Aus Datenschutzgründen raten wir von Einbettungen von Google Maps ab.

Bei der folgend beschriebenen Nutzung von OpenStreetMaps wird automatisch der GCMS-Content-Blocker aktiviert. Dadurch wird sichergestellt, dass keine externen Inhalte ohne Einverständnis des Seitenbesuchers geladen werden.

Um genauere Informationen zu Universitätsgebäuden auf einer eingebetteten Karte anzuzeigen, gibt es auch die Möglichkeit den Lageplan einzubetten (Anleitung ansehen).


Kartenausschnitt festlegen und HTML-Code erstellen lassen

  1. Öffnen Sie https://www.openstreetmap.org/ und legen Sie den gewünschten Ausschnitt fest.
  2. Klicken Sie in der rechten Leiste auf „Teilen“.
    Zum gewünschten Ausschnitt navigieren und auf „Teilen” klicken
  3. Wählen Sie den Reiter „HTML“ aus: es wird ein fertiger Code zum Kopieren zur Verfügung gestellt.
    Fertigen Code kopieren
  4. Kopieren Sie den Code in ein GCMS-Text-Element an die gewünschte Position auf Ihrer Seite.