Brauch Google Map

Brauch Google Map



Damit die Karte angezeigt werden kann, muss der erste Ort unter Design ›Designeinstellungen› 14.1 Standorte die Werte für Längen- und Breitengrad aufweisen.

Das Hinzufügen Ihrer benutzerdefinierten Google Map erfordert einige Einstellungen außerhalb von Lightspeed eCom. In diesem Artikel werden wir Sie Schritt für Schritt durch den Prozess führen. Folgendes tun wir:

  1. Erstellen Sie Ihr Google Cloud Platform-Konto
  2. Registrieren der Google Maps API für Ihr Konto
  3. Sichern Sie Ihre API
  4. Hinzufügen der API zu den Designeinstellungen
Machen wir das! Zunächst einmal ist Google Maps nicht mehr völlig kostenlos nutzbar, jedoch kann es innerhalb einer bestimmten Anzahl von Ansichten pro Monat verwendet werden. Wenn Sie viel Verkehr haben, müssen Sie einen kleinen Betrag zahlen, um die Karte auf Ihrer Website zu liefern. Wenn Sie neugierig auf die möglichen Kosten sind, werfen Sie einen Blick auf die Preistabelle. Die API, die Sie verwenden werden, ist die Google Maps JavaScript-API.

Erstellen Sie Ihr Google Cloud-Plattformkonto

  1. Beginnen Sie, indem Sie zu cloud.google.com gehen und sich bei dem Google-Konto anmelden, das Ihrem Shop am stärksten zugeordnet ist. Wenn Sie die G-Suite nicht für Ihr Unternehmen verwenden, können Sie ein persönliches Google-Konto verwenden.
  2. Klicken Sie auf Try Free, um Ihr Cloud-Plattform-Konto zu registrieren
  3. Führen Sie die folgenden Schritte aus, um die Registrierung abzuschließen (Sie müssen Ihre Zahlungsinformationen eingeben. Wenn Sie nur das Google Maps API verwenden, wird Ihnen keine Gebühr berechnet, bis Sie den in der Preistabelle angegebenen Schwellenwert für Besucher erreichen.

Registrieren Sie Ihren Maps-API-Schlüssel

  1. Wenn Sie sich in Ihrem Google Cloud-Dashboard befinden, wechseln Sie zu API & Services und klicken Sie auf "APIs und Services aktivieren".
  2. Wählen Sie Maps JavaScript API aus und klicken Sie auf Aktivieren
  3. Klicken Sie auf die Registerkarte Anmeldeinformationen, erweitern Sie die Dropdown-Liste Anmeldeinformationen erstellen, und wählen Sie den API-Schlüssel aus



Sichern des Karten-API-Schlüssels

Da Sie nun Ihren API-Schlüssel für Ihre Google Map verwenden, müssen Sie Ihren API-Schlüssel so sichern, dass er nicht von anderen Websites verwendet werden kann.

Klicken Sie zunächst auf der Registerkarte API-Anmeldeinformationen auf das Stiftsymbol, um Ihren neuen API-Schlüssel zu bearbeiten.




Wählen Sie für die Anwendungseinschränkungen unbedingt "HTTP-Referrer (Websites)" aus und geben Sie in der Domäne Ihres Geschäfts in das leere Feld unter "Übernehmen von Anforderungen dieser HTTP-Referrer (Websites)" ein.




Hinzufügen zu Ihrem Shop

Ihr Schlüssel ist jetzt einsatzbereit! Kopieren Sie den vollständigen Schlüssel und fügen Sie ihn in Ihr eCom-Back-Office ein, indem Sie auf Design ›Theme Settings› 14. About & Locations klicken.

Wählen Sie auch in den Themeneinstellungen die für Ihre Karte gewünschte Zoomstufe aus. Dies ist zwischen 1 und 18, wobei 1 am weitesten entfernt ist, 18 ist am nächsten. Die Standardstufe ist normalerweise 14, daher empfehlen wir, dort zu beginnen.

Fügen Sie schließlich Ihre Standorte zur Karte hinzu, indem Sie den Anweisungen zum Hinzufügen von Geschäftsstandorten folgen.



    • Related Articles

    • Google Map

      Om de kaart weer te geven, moet de eerste locatie onder Ontwerp > Thema-instellingen > 14.1 Locations de breedtegraad- en lengtegraad-waarden hebben. Het toevoegen van uw aangepaste Google Map vereist enige installatie buiten Lightspeed eCom. In dit ...
    • Custom Google Map

      In order for the map to display, the first location under Design › Theme Settings › 14.1 Locations must have the latitude and longitude values. Adding your custom Google Map requires some setup outside of Lightspeed eCom. In this article, we will be ...
    • Why is the Google Map not showing?

      There may be several reasons why the map is not displaying correctly. Here are some areas to troubleshoot: The first location under Design › Theme Settings › 14.1 Locations must have the latitude and longitude values The API key has to be secured and ...
    • Waarom wordt de Google Map niet weergegeven?

      Er kunnen verschillende redenen zijn waarom de kaart niet correct wordt weergegeven. Hier zijn enkele gebieden om problemen op te lossen: The first location under Design › Theme Settings › 14.1 Locations must have the latitude and longitude values ...
    • Warum wird die Google Map nicht angezeigt?

      Es kann mehrere Gründe geben, warum die Karte nicht korrekt angezeigt wird. Hier sind einige Bereiche, die Sie behandeln können: Die erste Position unter Design ›Theme Settings› 14.1 Locations muss die Breiten- und Längenwerte haben Der API-Schlüssel ...