Google maps kaart op website maken

Een Google Maps kaart insluiten op een website is handig. Met een Google Maps kaart in een iframe kun je makkelijk zien wat er verder in de buurt is of een routebeschrijving maken.

Google maps kaart insluiten website 2

Google maps kaart maken

  1. Ga naar maps.google.nl en zoek de specifieke locatie
  2. Klik vervolgens op de button Delen

Google maps kaart insluiten website 3

3. Selecteer Kaart insluiten en kopieer de volledige code inclusief <iframe> tag

4. Log vervolgens in in het CMS systeem van de website

  • Bij een WordPress website kun je dit het best in de Tekst versie doen
  • Zit er geen CMS systeem achter de website plaats dan de code direct in de broncode op de juiste plek, pas eventueel de formaten en alignment aan waar nodig

Resultaat:

Een Google Maps kaart met meerdere punten op een website

Maak hier een nieuwe kaart aan waar je meerdere punten op een kaart zet.

  1. Gebruik de zoekfunctie om adressen of locaties te zoeken.
  2. Voeg locaties toe door op + Toevoegen aan kaart te klikken

    Google maps kaart insluiten website met meerdere plaatsen

    Stap 2

  3. Door links op Delen te klikken kun je de kaart delen door middel van URL. Let hierbij wel goed op de instellingen.
  4. Wil je de kaart insluiten op een website? Zorg dan dat je bij stap 3 hebt aangegeven dat de kaart openbaar is. Klik vervolgens op de drie puntjes achter Delen.
  5. Kopier de code van het Iframe en plaats op dezelfde manier op de website.

 

Resultaat:

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *