Een Google Maps kaart op je website plaatsen, kost niets en het maakt niet uit hoeveel webbezoekers gebruik maken van je online, digitale kaart. Een geografische kaart toont de locaties die jij kiest in één plattegrond. In deze blog 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. Bekijk de uitleg.

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

Bekijk de video en lees daarna in vijf stappen hoe je locaties (waarvan je het adres weet) in een Google Maps kaart. Deze video over een online kaart maken is al 20.000 keer bekeken. Lees ook de 5 stappen zoals onder de video beschreven. 


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. Tip: Zet adressen / locaties ook onder je kaart als extra manier om 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.

Nieuwsbrief gerbengvandijk inschrijven blog over WordPress en webredactie

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).





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. Adressen toevoegen of verwijderen van bestaande Google Maps kaart

Ik ga in op hoe je locaties kunt toevoegen of verwijderen, of hoe je dat doet voor kolomnamen van je Excel.

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!

0 antwoorden

Plaats een Reactie

Meepraten?
Draag gerust bij!

Geef een reactie

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