Save Preloader image

0%

Select Page

Hoe maak je een kaart zonder API-sleutel in Divi?

MALDEN (Nederland) – Als een ‘contact ons’ pagina aan het maken bent, is het soms mooi om een verwijzing naar je locatie te maken via Google Maps. Helaas zijn er echter een aantal obstakels als je een API-sleutel van Google wil ontvangen. Sinds een aantal jaar vraagt Google om je creditcard gegevens in ruil voor een API-sleutel. Daarbij kom je in een heel traject waar je niet altijd de tijd voor hebt. Hoe kun je dus een map zonder API-sleutel maken voor je Divi-website?

Ten eerste: de Divi kaart module met API-sleutel

Om kort te zijn: de Divi kaart module gaat je niet helpen als je een kaart zonder API-sleutel wil invoegen. Deze module vraagt namelijk om een API-sleutel en als je gewoon je adres invoert zonder hulp van deze sleutel, dan zal er altijd een een foutmelding komen: ‘Google Maps kan niet correct geladen worden op deze pagina’. Wat kun je dan wel doen?

Ten tweede: verander de module

Wanneer je op je pagina bent dan ga je naar de Divi kaart module en druk je op ‘verwijderen‘ (het prullenbak symbool). Vervolgens druk je op ‘nieuwe module toevoegen‘ en op ‘code<>‘. Hier gaan we uiteindelijk de code invoeren die we bij Google Maps gaan opzoeken.

Ten slotte: kaart invoegen zonder API-sleutel

Daarna ga je naar Google Maps, om vervolgens de plaats in te typen die je graag wil uitlichten op je kaart. Druk op de knop ‘delen‘ en op de tab ‘een kaart insluiten‘; in de hoek kun je kiezen tussen een satelliet kaart of een normale kaart. Kopieer de link door op HTML kopiëren te drukken.

Als je je kaart hebt gemaakt zoals je wil, dan ga je terug naar de divi code module en ga je naar ‘code‘. Daar voer je je code in en vervolgens zie je de kaart in je scherm verschijnen. Soms kan het zo zijn dat je kaart niet volledig in het midden staat; ga dan in dezelfde module naar de tab ‘ontwerp‘ om het naar jou voorkeur te ontwerpen.

Mocht je nog vragen hebben; je kan altijd contact met ons opnemen door hieronder een reactie te verzenden. Abonneer je op ons YouTube kanaal om filmpjes te volgen die over deze onderwerpen gaan.

Hartelijke groet,

SMLFwebdesign.

 

Hoe maak je een kaart zonder API-sleutel in Divi?

MALDEN (Nederland) – Als een ‘contact ons’ pagina aan het maken bent, is het soms mooi om een verwijzing naar je locatie te maken via Google Maps. Helaas zijn er echter een aantal obstakels als je een API-sleutel van Google wil ontvangen. Sinds een aantal jaar vraagt Google om je creditcard gegevens in ruil voor een API-sleutel. Daarbij kom je in een heel traject waar je niet altijd de tijd voor hebt. Hoe kun je dus een map zonder API-sleutel maken voor je Divi-website?

Ten eerste: de Divi kaart module met API-sleutel

Om kort te zijn: de Divi kaart module gaat je niet helpen als je een kaart zonder API-sleutel wil invoegen. Deze module vraagt namelijk om een API-sleutel en als je gewoon je adres invoert zonder hulp van deze sleutel, dan zal er altijd een een foutmelding komen: ‘Google Maps kan niet correct geladen worden op deze pagina’. Wat kun je dan wel doen?

Ten tweede: verander de module

Wanneer je op je pagina bent dan ga je naar de Divi kaart module en druk je op ‘verwijderen‘ (het prullenbak symbool). Vervolgens druk je op ‘nieuwe module toevoegen‘ en op ‘code<>‘. Hier gaan we uiteindelijk de code invoeren die we bij Google Maps gaan opzoeken.

Ten slotte: kaart invoegen zonder API-sleutel

Daarna ga je naar Google Maps, om vervolgens de plaats in te typen die je graag wil uitlichten op je kaart. Druk op de knop ‘delen‘ en op de tab ‘een kaart insluiten‘; in de hoek kun je kiezen tussen een satelliet kaart of een normale kaart. Kopieer de link door op HTML kopiëren te drukken.

Als je je kaart hebt gemaakt zoals je wil, dan ga je terug naar de divi code module en ga je naar ‘code‘. Daar voer je je code in en vervolgens zie je de kaart in je scherm verschijnen. Soms kan het zo zijn dat je kaart niet volledig in het midden staat; ga dan in dezelfde module naar de tab ‘ontwerp‘ om het naar jou voorkeur te ontwerpen.

Mocht je nog vragen hebben; je kan altijd contact met ons opnemen door hieronder een reactie te verzenden. Abonneer je op ons YouTube kanaal om filmpjes te volgen die over deze onderwerpen gaan.

Hartelijke groet,

SMLFwebdesign.

 

Pin It on Pinterest

Deel dit met je vrienden!