Hoe plaats je Google maps html op je website
Geplaatst op: 1 feb, 2021

Hoe plaats je Google maps html op je website

Een specifieke locatie laten zien op je website met Google maps zonder API-codes, plugins of iets anders te hoeven gebruiken? Ik ga je een eenvoudige methode laten zien hoe je Google maps makkelijk kan toevoegen middels HTML code.

Google HTML code verkrijgen

Ga naar Google maps toe en vul vervolgens het adres is dat je wilt laten zien op je website. Wil je een bedrijfsnaam weergeven? Vul dan bij Google maps de bedrijfsnaam in.

Google map bedrijf zoeken
Google map bedrijf zoeken

Klik vervolgens op het icoon ‘Delen’.

Google maps html

Er opent een pop-up in je scherm, klik vervolgens op ‘Een kaart insluiten’. Daar zie je een html (iFrame) code staan. Deze code kan je kopiëren en vervolgens plakken op je website.

Wanneer je deze plakt op je website zie je je het volgende:

Wil je het formaat aanpassen dan kan je het volgende doen:

  • Bij de breedte pas je het volgende aan: width=”breedte”
  • Bij de hoogte pas je het volgende aan: height=”hoogte”

Je kan er bijvoorbeeld ook 100% van maken.

  • Bij de breedte pas je het volgende aan: width=”100%”
  • Bij de hoogte pas je het volgende aan: height=”500″

Heb je vragen, of kom je er niet uit? Neem dan gerust contact met mij op.

Terug
WhatsApp
Messenger