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 artikel zullen we stap voor stap door het proces lopen. Dit is wat we gaan doen:
- Maak uw Google Cloud Platform account
- De Maps API registreren voor uw account
- Uw API beveiligen
- De API aan uw thema instellingen toevoegen
Laten we het doen! Ten eerste is Google Maps niet langer volledig gratis te gebruiken, maar het is gratis om te gebruiken binnen een bepaald aantal weergaven per maand. Als u veel verkeer heeft, moet u een klein bedrag betalen om de kaart op uw site te bedienen. Als je nieuwsgierig bent naar wat de potentiële kosten zouden zijn, kijk dan eens naar hun prijzentabel. De API die u gaat gebruiken, is de Maps JavaScript API.
Maak uw Google Cloud Platform account
- Ga eerst naar cloud.google.com en log in op het Google-account dat het meest is gekoppeld aan uw winkel. Als u G-suite niet voor uw bedrijf gebruikt, is het prima om een persoonlijk Google-account te gebruiken.
- Klik op Gratis proberen om uw cloud platform account te registreren
- Volg de stappen om registratie te voltooien (u moet uw factuurgegevens opgeven.) Als u alleen de Maps API gebruikt, worden er geen kosten in rekening gebracht totdat u voldoet aan de drempelwaarde voor bezoekers die wordt beschreven in de prijzentabel.
Registreer uw Maps API sleutel
- Zodra u zich in uw Google Cloud-dashboard bevindt, gaat u naar API & Services en klikt u vervolgens op "API's en services inschakelen"
- Selecteer Maps JavaScript API en klik vervolgens op Inschakelen
- Klik op het tabblad Inloggegevens, vouw de vervolgkeuzelijst Referenties maken uit en selecteer API sleutel
Uw Maps API sleutel beveiligen
Nu u uw API-sleutel hebt die u voor uw Google Map kunt gebruiken, moet u uw API-sleutel beveiligen zodat deze niet door andere websites kan worden gebruikt.
Ten eerste klikt u op het tabblad API-referenties op het potloodpictogram om uw nieuwe API-sleutel te bewerken
Voor de toepassingsbeperkingen moet u zeker 'HTTP-verwijzingen (websites)' selecteren en het domein van uw winkel in het lege veld invoeren onder de kop 'Aanvragen accepteren van deze HTTP-verwijzingen (websites)'.
Aan je winkel toevoegen
Uw sleutel is nu klaar voor gebruik! Kopieer de volledige sleutel en plak deze in uw eCom-backoffice door naar Ontwerp> Thema-instellingen> 14. Info & locaties te gaan.
Kies ook in je Thema-instellingen het gewenste zoomniveau voor je kaart. Dit is tussen 1 en 18, waarbij 1 het verst is verwijderd en 18 het dichtst bij is. Het standaardniveau is meestal 14, dus we raden aan daar te beginnen.
Voeg ten slotte uw locaties toe aan de kaart door de instructies voor het toevoegen van winkellocaties te volgen.
Related Articles
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 ...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 ...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 ...