Wil je een Google Maps zo eenvoudig mogelijk integreren? Door te werken met een eenvoudige HTML-code uit de Divi Builder, maakt deze oplossing het mogelijk om af te zien van de procedure voor het verkrijgen van een API-sleutel.
1. Ga naar Google Maps
U moet dan de exacte locatie vinden die u op uw website wilt delen en inzoomen totdat u de locatie duidelijk op de kaart ziet.
Klik op de menuknop “Delen” linksboven in uw scherm om de optie te zien en klik vervolgens op de optie “Een kaart insluiten”.
3. Venster “Delen”
Er wordt dan een venster geopend waarin u twee tabbladen ziet met de namen “Een link verzenden” en “Een kaart insluiten” (“Embed a Map”). Kies het tabblad “Een kaart insluiten” en je vindt daar een HTML-code.
Kopieer deze HTML-code door op “COPY HTML” te klikken:
Dit is wat deze code vertegenwoordigt, die varieert afhankelijk van de locaties van Google Maps:
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3456.0066415390556!2d31.132007850800175!3d29.979239128515893!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14584587ac8f291b%3A0x810c2f3fa2a52424!2sPyramide%20de%20Kh%C3%A9ops!5e0!3m2!1sfr!2ses!4v1645881660798!5m2!1sfr!2ses" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
4. Ga naar je website
Ga nu naar uw website waar u de kaart wilt weergeven. Je moet je Html-code in de CODE-module van de Divi Builder plakken (Inhoud > Tekst). Valideren. De kaart wordt dan op uw pagina weergegeven:
5. De kaartgrootte aanpassen
U kunt de grootte van de kaart eenvoudig wijzigen door handmatig de “breedte- en “hoogte”-waarden in de HTML-code die u zojuist hebt verkregen, te wijzigen.
Meer tips vind je hier .
