Kompatibilität:

WebSite X5 Evo und Pro

Es ist immer empfehlenswert, auf einer Websuite eine Karte einzurichten, die sofort zeigt, wo ein Ort zu finden ist. Manchmal ist es aber nötig, auf der Karte mehr als eine einzige Adresse anzuzeigen, z. B. wenn Sie den Besuchern verschiedene Handelsplätzen Ihres Geschäfts, alle die Verkaufsstellen einer Laden- oder Restaurantkette oder mehr im Allgemein alle die Interessenpunkte eines Ortes oder einer  Fahrstrecke zeigen möchten.


In solchen  Fällen können Sie das Zusatzobjekt Multiple Location Map anwenden. Damit können Sie durch Google Map eine Karte mit einer Liste von Adressen einrichten und diese möglicherweise miteinander verbinden, um eine Reiseroute zu schaffen. Bitte finden Sie einige Beispiele auf der Vorschauseite.



Möchten Sie erfahren, wie Sie das Objekt Accordion Text & FAQ? Schauen Sie sich das Video an oder lesen Sie den Artikel weiter.




So richten Sie die Karte und die Liste der Adresse ein

  • Doppelklicken Sie auf dem Objekt Multiple Location Map, dass Sie gerade auf die Seite hinzugefügt haben, um das Einstellungen-Fenster zu öffnen, dann bleiben Sie im Bereich Inhalte. 
  • Klicken Sie auf Hinzufügen: In der Liste wird jetzt „Standort 1“ angezeigt.
  • Klicken Sie auf „Standort 1“ : Die verfügbaren Optionen werden aktiviert.
  • Geben Sie die Informationen, um den ersten Standort der Karte zu definieren. Alle diese Informationen werden für die Tip angewendet, die beim Mouseover auf dem Marker dann angezeigt wird. Sie können Folgendes eingeben:
    • Titel: Geben Sie hier den Namen des Ortes ein, z. B. "B&B Belvedere". 
    • Adresse: Geben Sie hier die vollständige Adresse ein.  
    • Beschreibung: Geben Sie hier einen kurzen Text ein.
    • Text der Schaltfläche: Geben Sie hier die CTA (Call To Action) der Schaltfläche ein, die unter den Informationen angezeigt wird.
    • Link: Beim Klicken auf können Sie das Fenster Link öffnen und die entsprechenden Aktion für den Link definieren, der mit der Schaltfläche assoziiert ist, z. B. einen Link auf eine Seite derselben oder einer anderen Website.
  • Nachdem Sie den ersten Standort eingefügt haben, können Sie durch Klick auf Hinzufügen den „Standort 2“ einfügen. Sie können beliebig viele Standorte einfügen und mit den verfügbaren Optionen anordnen. Beim Laden der Seite wird die Mappe so positioniert, damit die verschiedenen Standorte auf der Karte als zentriert angezeigt werden: So werden alle die eingestellten Standorte angezeigt, natürlich, wenn der Zoom-Faktor das erlaubt.
  • Bevor Sie weiter mit der Grafik gehen, geben Sie den Google Maps API Key ein, mit dem Sie das Service anwenden können (mehr Informationen finden Sie im letzten Absatz So registrieren Sie sich auf Google Maps und bekommen Sie Ihren API Key).
  • Wenn Sie möchten, aktivieren Sie die Option Wegbeschreibung zeigen: In diesem Fall, wird beim Klick auf dem Marker einen Link auf Google Maps angezeigt, wo die nötige Wegbeschreibung zu finden ist.
  • Sie können dann die Option Reiseroute zwischen den Positionen anzeigen aktivieren: so wird eine Reiseroute erstellt, die alle die eingestellten Standorte miteinander verbindet.


So definieren Sie den Stil der Karte

  • Öffnen Sie jetzt den Bereich Stil.
  • Stellen Sie die Optionen im Bereich Grafik ein, wie die Größe der Karte, die Schriftart der Texte, die Farbe für den Text der Schaltfläche und den Hintergrund der Schaltfläche. Sie können eventuell als Marker ein Bild anwenden: sollten Sie hier keine Bilddatei importieren, wird dann das vordefinierte Bild von Google Maps angewendet.
  • Was die Karte betrifft, können Sie die Art (Roadmap, Satellite o Terrain) so wie auch den Zoomfaktor definieren, die eingestellt werden sollen, und die der Besucher dann selbst einstellen kann.
  • Sollten Sie die Option Street View anzeigen aktivieren, wird Pegman auf der Karte angezeigt, d. h. das gelbe Kerlchen, das der Smart Assistant von Google Maps sowie auch der offiziellen Führer von Street View ist.
  • Sie können dann eventuell die Option Suchfeld anzeigen aktivieren: So wird auf der Karte ein Suchfeld für dioe Besucher verfügbar sein, damit Sie die Karte durchsuchen können.


So registrieren Sie sich auf Google Maps und bekommen Sie Ihren API Key

Google Maps  ist ein Tool von Google für die Erstellung immersiver Ortung-Erlebnisse. Um einige Dienstleistungen anzuwenden, sind eine Registrierung und ein API Key erforderlich. Sie sollen so vorgehen:

  • Öffnen Sie die Konsole von Google Maps und folgen Sie die schrittweise Anleitung, um sich zu registrieren und einen API Key zu bekommen.
  • Wählen Sie das gewünschte Produkt:
    • Maps:  wenn Sie die Funktion Street View anwenden möchten; 
    • Routes: wenn Sie die Funktion Routenplaner anwenden möchten;
    • Places: wenn Sie die Funktion Suche anwenden möchten.
  • Erstellen oder wählen Sie ein Projekt.
  • Fügen Sie Ihre Rechnungsangaben ein.


Nach der aktuellen Preise bekommen Sie bei der Registrierung $200 kostenloses Kredits pro Monat, das normalerweise für die meisten Benutzer genug ist: Eine Zahlung ist nur erforderlich, sollte diesen Betrag überstiegen werden.


Sind Sie schon neugierig, wie diese Objekt auf Ihrer Website aussieht? Installieren Sie sofort Multiple Location Map.


Fehlen Ihnen noch Credits für den Kauf dieses Objekts? Alle Kreditpakete ansehen.