Een Google Maps kaart op je website plaatsen op basis van met meerdere adressen, dat kan gratis! Je online, digitale kaart met locaties kun je publiceren voor een oneindig aantal webbezoekers. Een geografische kaart toont elk adres als een soort speldeknop op de map. Als je erop klikt, zie je de contactgegevens per locatie.

Via deze pagina leer je hoe je geo-kaart kunt maken op basis van eigen adres of contactgegevens. Zo kun je bijvoorbeeld vestigingen of verkooppunten tonen op de kaart van Nederland. In deze uitleg gebruik ik Microsoft Excel om adressen in te voeren binnen een eigen Google Maps kaart voor uw website.  De eerste video laat zien hoe je een Google maps kaart maakt. De tweede video laat zien hoe je Google Maps adressen online kunt wijzigen en hoe je nieuwe adressen toevoegt.

Google maps kaart op website plaatsen (video: 5 minuten)

Bekijk de video over hoe je een Google Maps kaart maakt met meerdere locaties. Lees daarna in vijf stappen hoe je locaties (waarvan je het adres weet) toont in een Google Maps kaart. Deze video over een online kaart maken is al 20.000 keer bekeken. Een tweede video laat zien, hoe Google Maps adressen wijzigen in zijn werk gaat en hoe je nieuwe adressen kunt toevoegen.

Stappen Google Maps kaart embedden op je website

In dit voorbeeld importeer ik adressen uit een gewone Excel werkmap, binnen de Google Maps Engine importeer ik deze locaties om de Google Maps kaart te maken die ik daarna op ‘openbaar’ zet en deel. Een Google Maps kaart heb je zo online. Dit zijn de 5 stappen:

google-maps-kaart-op-website-plaatsen
Ps. Wil je de webbezoekers optimaal helpen? Embed de Google Maps kaart dan op je website, en geef een aparte adressenlijst erbij als alternatieve manier om de data te raadplegen. Bekijk ook de webrichtlijnen voor de overheid.

Google maps kaart op website plaatsen in simpele 5 stappen

1. Excel werkmap met adressen

Google Maps Engine kaart maken startschermAls je verschillende locaties hebt, is het handig om een lijst te hebben die je kunt aanpassen. Je kunt je werkblad bijvoorbeeld met deze kolommen inrichten:

 

  • Title
  • Name
  • Address
  • Postal Code
  • City
  • Description


Terug naar top

2. Nieuwe Kaart maken binnen Google Maps

Gebruik de Google Maps Engine als gratis tool. Ga naar: http://mapsengine.google.com/map. Ga naar “mijn kaarten, nieuwe kaart”. Je kunt via “importeren” de Excel werkmap inladen, maar je kunt ook locaties intypen in de zoekbalk. En het gevonden adres dan “toevoegen aan de kaart”, dat kan na 1 x klikken op de ‘speldeknop’.

Terug naar top

3. Google Maps kaart toevoegen na eigen grafisch opmaak

Zoals in de video genoemd, zijn er diverse opmaak opties. Je kunt routebeschrijvingen aan de kaart toevoegen, toeristische gebieden, omleidingen laten zien e.d. Ook kun je lagen toevoegen die je ‘aan’ of ‘uit’ kunt zetten. Met de +/- symbolen rechtonder in beeld kun je in- en uitzoomen. Een tip: zet je ‘Title’ attribuut of label op ‘aan’, zodat bij alle locaties een naam staat. Maak de juiste uitsnede, nog voor embedden.


Terug naar top

4. Zet je Google Maps kaart openbaar

Via de groene knop, geheel rechts, die ‘delen’ heet, kun je direct naar je instellingen van de Google Maps kaart. Zet deze op openbaar, zodat je ook kunt embedden. Zonder deze instelling kun je de kaart alleen delen via een link (per mail, Twitter en Facebook). Wil je een Google Maps kaart embedden? Bekijk dan dit plaatje voor waar je moet klikken om een Iframe embed code op te halen. Deze code plak je op de webpagina, mits je eerst de ‘Tekst / HTML’ modus kiest.

Terug naar top

 

 

5. Google Maps kaart op website plaatsen

embed-icon-Google-MapsVia het ‘icoontje dat op een map lijkt’, kun je de iframe code verkrijgen om je Google Maps kaart te embedden op je website. Je knipt en plakt deze code in je WordPress Post of Pagina. (Zet de editor eerst op “tekst” modus en plak de iframe code niet in de Wysiwyg modus, want dan zie je de code alsof het tekst is en werkt de functie niet.)

Klaar, publiceer je pagina opnieuw (‘Bijwerken’) met daarin de Google maps embed. Het handige van het Excel bestand is dat je adressen kan aanpassen en zo weer een nieuwe kaart hebt. Zie ook nog stap 6 over wijzigen van data op je Google Maps kaart. (zie verder).

Terug naar top

6. Meerdere adressen toevoegen of verwijderen van bestaande Google Maps kaart

Ik ga in op hoe je locaties kunt toevoegen of verwijderen, bekijk de video, of lees de stappen zoals beschreven onder de video.

Adressen aanpassen binnen Google Maps kaart

Na Google Maps op website plaatsen, is het mogelijk om de adressen, of locaties, aan te passen door het Excel werkblad via Excel te openen. Je kunt voor of na een locatie velden invoegen of verwijderen. Log in op Google maps, ga naar ‘Mijn plaatsen’, dan naar ‘Mijn kaarten’, navigeer vervolgens langs deze schermen:

 

 

Google-maps-locaties-toevoegen

En:

Google-maps-locaties-toevoegen-2

En:

 

 

Google-maps-adres-toevoegen-bestaande-kaart-of-adres-verwijderen

Je kunt dus adressen / locaties toevoegen of verwijderen aan een bestaande Google Maps kaart.
Terug naar top

Excel koppen aanpassen in Google Maps kaart

Je kunt de Engelse koppen van je tabel helaas niet meer aanpassen, dan moet je weer een Excel uploaden met Nederlandse Kolomnamen. Google maps herkent de Nederlandse kolomtitels niet, maar je kunt wel de lege suggesties aanvinken als je de volgorde weet van de kolomnamen die je wilt invoeren (Google Maps leest je tabel van links naar rechts, dus de kolomnamen staan ook zo opgesomd). Je vinkt eerst de kolomnamen aan die de plek aangeven (bijv. adres en postcode en plaatsnaam). En in tweede vraagronde de kolom voor de juiste locatietitel voor elk plekje op de geo kaart.

Alternatief Google Maps kaart: Local Focus

Een alternatief voor Google Maps is Local Focus, zie hun voorbeeld van een design geo-kaart in huisstijl. Local Focus is een Nederlandse, commerciële dienst met een instap van 60 Euro per maand. Maar is gratis te proberen voor websites met relatief weinig bezoek. Mits je pagina waarop de geo kaart staat onder de 1000 views per maand blijft, kun je de dienst gratis blijven gebruiken en nieuwe geo kaarten maken. Je kunt alleen geen nieuwe adreskaarten meer maken, vanaf het moment dat één van de kaarten meer dan 1000 bezoekers per maand krijgt. Dus voor veel WordPress website eigenaren een prima tool om mee te werken. Wel moet je adressen uit je Excel eerst aanvullen met hoogte- en breedtegraden. Via deze tool: https://geocode.localfocus.nl/ kun je adressen omzetten naar coördinaten. Dan wordt dit adres: Deken Heinenstraat 9, Bunnik, de coördinaat: 5.1973753 52.0648161 (met punten of met komma’s; kun je kiezen).

 

 

Tot slot: WordPress + beeldbewerking literatuur tips:

Boektip: Photoshop CS6
Eigen foto’s en banners maken? Koop betaalbaar Photoshop CS6 boek (=tip)

Boektip: WordPress Handleiding
Meer kunnen met WordPress? Bestel Handboek WordPress 2015

Boektip: Website voor eigen bedrijf
WordPress website voor je eigen bedrijf maken? Zie mijn boektip (Bol.com)

Boektip Toptaken Gerry McGovern
Koop het enige Nederlandstalig boek van Gerry McGovern (2009), nog steeds gangbaar!

 

 

1 antwoord
  1. Harry Zuur zegt:

    Dag Gerben,
    Ik kwam dit geweldige verhaal van je tegen en was daar heel blij mee.
    Zelf ben ik verbonden aan de “wandelvereniging Westerwolde” (westerwolde.groningen.nl)
    Men vroeg mij of ik een overzichtskaart wilde maken van al wandelroutes.
    Op internet kwam ik dus jou site tegen en dat sprak mij erg aan.
    Nu ben ik niet super bedreven met dit soort dingen maar je uitleg is erg duidelijk. Zal dit iets voor ons kunnen zijn.

    Hartelijke Harry Zuur

Reacties zijn gesloten.