Loading... Please wait...
 
  Wago's webstek Advertisement  
 
  Home arrow Handleidingen arrow Google Maps arrow Google Maps - Basis
   
 
Menu
Online
We hebben 5 gasten online
Geen gebruikers online
 
   
Laatste nieuws
 
Populair
Google Maps - Basis PDF Afdrukken E-mail
zondag 10 september 2006
Met Google Maps zijn aardige kaarten te genereren. Op zich is het eenvoudig te doen, maar het kan geen kwaad om een paar handvaten te hebben, waardoor het puzzelwerk wat minder word. Wat heb je nodig om een kaart weer te geven op je website:
  • een Google API-key
  • locatiegegevens die voor het midden van de kaart word gebruikt
  • een webpagina met daarin de code
Laten we beginnen bij de API-key. Als je er nog geen hebt, maak er dan één aan op deze pagina. Om de key te kunnen aanmaken, is het wel noodzakelijk dat je een Google account hebt.
Als we de API-key boven water hebben, dan gaan we op zoek naar locatiegegevens. Dat kan op verschillen manieren, bijvoorbeeld Tom Tom oid., maar we gaan nu voor de snelle manier. Bezoek de site van Multimap en geef daar de gewenste locatie in. Klik vervolgens op de link-button en lees de Latitude en Longitude gegevens af.
Nu we in het bezit zijn van de benodigde gegevens, gaan we aan de slag met het maken van een webpagina. Kopieer de code hieronder en al deze op als .htm. Maakt niet uit waarmee, het kan met Dreamweaver, Frontpage, maar ook gewoon met het kladblok.

Code (klik hier)

Zet in het zojuist gemaakte bestand je API-key in regel 39: <script xsrc="http://maps.google.com/maps?file=api&v=2&key=HIER JE API-KEY". Vervolgens geef je in regel 68 de locatie gegevens in: map.setCenter(new GLatLng(52.23736673260212, 6.588878631591797), 13); Tot slot kun je in voorstaande regel nog het getal 13 vergroten of verkleinen, waardoor de zoom factor word bepaald. Het in het voorbeeld vermelde getal komt overeen met een kleinere stad.

Als je bovenstaande hebt gedaan, dan word het tijd om te kijken of het kunstwerk doet, wat het moet doen. Ik verwacht dat je zoiets ziet als op onderstaand plaatje, maar dan uiteraard gebaseerd op je eigen locatie.

Tot zover deze korte handreiking voor het gebruik van Google Maps binnen een website. Er zijn vele mogelijkheden om de kaarten aan te passen aan je eigen smaak, onder andere door het toevoegen van bezoekersgegevens of overlays.

Laatst geupdate op ( dinsdag 17 april 2007 )
 
 
 
 
 
vrijdag 20 november 2009
© 2009 Wago's webstek