Webbasierte Karten im Homepage Baukasten integrieren und verwalten

Hier finden Sie Hinweise und Erläuterungen, wie Sie webbasierte Karten im Homepage Baukasten intergrieren und verwalten können.

• Wie kann ich „Google Maps“ integrieren?

  Google Maps hinzufügen:

  1. Ziehen Sie das „Karten“ Element auf Ihre Webseite
  2. Wählen Sie das „Google Maps“ Element aus
  3. Geben Sie in der rechten Werkzeugleiste die Adresse und den API-Schlüssel in die entsprechenden Felder ein

  Google Maps anpassen:

  1. Zoom Level: Legen Sie den Zoom Level in der rechten Werkzeugleiste im entsprechenden Feld fest
  2. Größe: Legen Sie die Höhe und Breite des Elements manuell fest oder lassen Sie die Größe automatisch anpassen
  3. Kartentyp: Legen Sie fest, wie die Karte dargestellt werden soll. Sie können hier zwischen den Kartentypen „Straßenkarte“, „Terrain“, „Hybrid“ und „Satellit“ wählen
  4. Optionen: Im Menüpunkt „Optionen“ in der rechten Werkzeugleiste können Sie festlegen, welche Kartenelemente angezeigt werden sollen, indem Sie beim entsprechenden Element einen Haken setzen
• Warum funktioniert Google Maps nicht auf der veröffentlichten Webseite?

  Bitte überprüfen Sie, ob Sie den korrekten API Schlüssel eingegeben haben. Gehen dazu wie folgt vor:

  1. Klicken Sie auf die Karte
  2. Wählen Sie in der rechten Werkzeugleiste den Menüpunkt „Google Maps“ aus
  3. Bearbeiten Sie den API Schlüssel im entsprechenden Feld

  Wenn Sie mehr als eine Karte auf Ihrer Webeseite integriert haben, dann müssen Sie bei allen Karten einen API Schlüssel eingeben.

• Wie kann ich den Fehler „Diese Seite kann Google Maps nicht richtig laden“ beheben?

  Wenn Sie diese Fehlermeldung auf Ihrer veröffentlichten Webseite sehen, dann liegt das daran, dass der von Ihnen verwendete API Schlüssel einige Anforderungen im Google Console Account nicht erfüllt.

  So können Sie das Problem lösen:

  1. Drücken Sie auf der Seite, auf der sich Ihre Google Maps Karte befindet, die „F12“ Taste, um die Entwickleransicht zu öffnen
  2. Wechseln Sie in den Reiter „Console“
  3. Finden Sie die rote Fehlermeldung von Google. Diese enthält weitere Details zu dem vorliegenden Problem. Befolgen Sie die angegebenen Empfehlungen, um das Problem zu beheben.
• Wie kann ich „OpenStreetMaps“ integrieren?

  OpenStreetMaps hinzufügen:

  1. Ziehen Sie das „Karten“ Element auf Ihre Webseite
  2. Wählen Sie das „OpenStreetMaps“ Element aus
  3. Geben Sie in der rechten Werkzeugleiste die Koordinaten in das entsprechende Feld ein

  OpenStreetMaps anpassen:

  1. Zoom Level: Legen Sie den Zoom Level in der rechten Werkzeugleiste im entsprechenden Feld fest
  2. Größe: Legen Sie die Höhe und Breite des Elements manuell fest oder lassen Sie die Größe automatisch anpassen
  3. Kartentyp: Legen Sie fest, wie die Karte dargestellt werden soll. Sie können hier zwischen den Kartentypen „Standard“, „CycloOSM“, „Transport“ und „Heiß“ auswählen
• Wie kann ich „Yandex Maps“ integrieren?

  1. Yandex Maps hinzufügen:

  1. Ziehen Sie das „Karten“ Element auf Ihre Webseite
  2. Wählen Sie das „Yandex Satellite“ oder „Yandex Terrain“ Element aus
  3. Geben Sie in der rechten Werkzeugleiste die Koordinaten oder die Adresse und den API-Schlüssel in die entsprechenden Felder ein

  Yandex Maps anpassen:

  1. Zoom Level: Legen Sie den Zoom Level in der rechten Werkzeugleiste im entsprechenden Feld fest
  2. Größe: Legen Sie die Höhe und Breite des Elements manuell fest oder lassen Sie die Größe automatisch anpassen
  3. Kartentyp: Legen Sie fest, wie die Karte dargestellt werden soll. Sie können hier zwischen den Kartentypen „Straßenkarte“, „Hybrid“ und „Satellit“ wählen
• Wie kann ich „Bing Maps“ integrieren?

  Bing Maps hinzufügen:

  1. Ziehen Sie das „Karten“ Element auf Ihre Webseite
  2. Wählen Sie das „Bing“ Element aus
  3. Geben Sie in der rechten Werkzeugleiste die Koordinaten oder die Adresse und den API-Schlüssel in die entsprechenden Felder ein

  Bing Maps anpassen:

  1. Zoom Level: Legen Sie den Zoom Level in der rechten Werkzeugleiste im entsprechenden Feld fest
  2. Größe: Legen Sie die Höhe und Breite des Elements manuell fest oder lassen Sie die Größe automatisch anpassen
  3. Kartentyp: Legen Sie fest, wie die Karte dargestellt werden soll. Sie können hier zwischen den Kartentypen „Straßenkarte“, „Hybrid“ und „Vogelperspektive“ wählen
• Wie kann ich einen Bing Maps Fehler beheben?

  Bitte überprüfen Sie, ob Sie den korrekten API Schlüssel eingegeben haben. Gehen dazu wie folgt vor:

  1. Klicken Sie auf die Karte
  2. Wählen Sie in der rechten Werkzeugleiste den Menüpunkt „Bing Maps“ aus
  3. Bearbeiten Sie den API Schlüssel im entsprechenden Feld

  Wenn Sie mehr als eine Karte auf Ihrer Webeseite integriert haben, dann müssen Sie bei allen Karten einen API Schlüssel eingeben.

• Wie kann ich „Baidu Maps“ integrieren?

  Baidu Maps hinzufügen:

  1. Ziehen Sie das „Karten“ Element auf Ihre Webseite
  2. Wählen Sie das „Baidu“ Element aus
  3. Geben Sie in der rechten Werkzeugleiste die Koordinaten oder die Adresse und den API-Schlüssel in die entsprechenden Felder ein

  Baidu Maps anpassen:

  1. Zoom Level: Legen Sie den Zoom Level in der rechten Werkzeugleiste im entsprechenden Feld fest
  2. Größe: Legen Sie die Höhe und Breite des Elements manuell fest oder lassen Sie die Größe automatisch anpassen
  3. Kartentyp: Legen Sie fest, wie die Karte dargestellt werden soll. Sie können hier zwischen den Kartentypen „Straßenkarte“, „Hybrid“ und „Satellit“ wählen