Kaart in je website invoegen of embedden

Hoe voeg ik een interactieve kaart toe aan een bladzijde in mijn website?

Stap 1 Ga naar Google maps.

Kies je maps.google.be ? Dan staat België centraal op de kaart
Kies je maps.google.com ? Dan staat de USA centraal op de kaart

Stap 2 Zoom in op de kaart. Dat kan op drie manieren:

2a: typ het gewenste adres in: dat adres komt centraal op de kaart én er staat een prikker bij

2b: met de plus+ zoom je in tot je een kaart op gewenste grootte krijgt en bepaal je zelf wat centraal staat op je kaart

2c: heb je toelating gegeven  aan Google om je locatie bij te houden, dan zet Google jouw locatie automatisch centraal

inzoomen op kaart van google

Stap 3 Beslis of je bezoekers eerst de kaart zien, of een luchtfoto van de buurt/jouw straat. Ze kunnen sowieso zelf nog overschakelen, want het vakje om te wisselen blijft  (ook op je website-kaart) linksonder aanwezig!)

Stap 4 Ga nu naar de drie streepjes linksboven (= opties met de kaart).
opties voor het invoegen van een google-kaart

Stap 5 Kies de optie: 'Kaart delen of insluiten...':

Stap 6 Kies het tweede tabblad: kaart insluiten.

Stap 7 Kies om de kaart zo groot mogelijk op onze website te tonen. Je klikt op het driehoekje naast normaal en kiest voor 'Aangepast'

Stap 8 Je kan niets van breder dan 540 pixels laten zien op onze website. Vul dus bij breedte MAXIMAAL 540 in (minder mag ook, dan zie je een stuk wit rechts van de kaart én is de kaart smaller op je website)

De hoogte mag je vrij kiezen. De kaart wordt dan hoger of lager...

Stap 9 Rechtermuisklik in het vakje met code en kies: alles selecteren.

Stap 10 Rechtermuisklik nogmaals in de (nu blauwe) code en kies kopiëren.

Stap 11 Ga naar je website, kies een nieuw tekstblok.

Stap 12 Klik de code-knop aan:

Stap 13 Plak de gekopieerde code van stap 11 hierboven én vergeet niet op te slaan. Je kaart staat nu op de gewenste pagina van je website!

Lees verder: