Google maps kaart toevoegen op je website
In deze korte video laten we je zien hoe je zelf een Google Maps-kaart kunt toevoegen aan je website. Het is ook mogelijk om meerdere kaarten toe te voegen.
Bij het aanmaken van de kaart kun je een formaat kiezen. Als je voor 'aangepast' kiest, kun je zelf de gewenste breedte en hoogte in pixels opgeven.
Nadat je de broncode hebt geplakt, kun je het formaat zelf nog aanpassen. Dit is de code die wij in de video hebben gebruikt:
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2484.9269108226244!2d5.656735516214731!3d51.477855879630326!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c723e5c56f3995%3A0x85f3756b139fd43a!2sKasteel-Traverse+90%2C+5701+NR+Helmond!5e0!3m2!1snl!2snl!4v1513758384434" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
Als je `width="600"` aanpast naar `width="100%"` zorg je ervoor dat het kaartje altijd evenbreed is als je pagina. Ook op apparaten met een kleiner scherm, zoals smartphones. Voor de hoogte kan je geen % opgeven.
Bij het aanmaken van de kaart kun je een formaat kiezen. Als je voor 'aangepast' kiest, kun je zelf de gewenste breedte en hoogte in pixels opgeven.
Nadat je de broncode hebt geplakt, kun je het formaat zelf nog aanpassen. Dit is de code die wij in de video hebben gebruikt:
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2484.9269108226244!2d5.656735516214731!3d51.477855879630326!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c723e5c56f3995%3A0x85f3756b139fd43a!2sKasteel-Traverse+90%2C+5701+NR+Helmond!5e0!3m2!1snl!2snl!4v1513758384434" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
Als je `width="600"` aanpast naar `width="100%"` zorg je ervoor dat het kaartje altijd evenbreed is als je pagina. Ook op apparaten met een kleiner scherm, zoals smartphones. Voor de hoogte kan je geen % opgeven.
Bijgewerkt op: 08/10/2024
Dankuwel!