Google Maps is een service van Google die een krachtige, gebruiksvriendelijke kaarttechnologie combineert bijvoorbeeld routebeschrijvingen. Met Mapbuilder is het mogelijk op eenvoudige wijze zelf kaarten en routebeschrijvingen te maken.

1. Ga naar www.mapbuilder.net.
   Maak via sign up een account aan.
   Heb je al een account, log dan in via sign in.
   
   
2. Klik op new map. Vul de naam van de nieuwe kaart en een beschrijving in. Vul eventueel ook de tags in, deze helpen om de map vindbaar te maken binnen mapbuilder.net. Klik daarna op create map.
   
   
3. Kies edit map en klik op de gewenste map links boven.(afbeelding 1) Vul rechts in plaats van de Amerikaanse locatie, de gewenste locatie in en klik op search. Je ziet nu links de kaart van het gebied dat je hebt ingevuld. Detailleer dit met het schuifbalkje. (afbeelding 2) Klik op save center, zoom map type en er verschijnt een schermpje met de mededeling dat de kaart is opgeslagen. Klik op OK.
   
   

Afbeelding 1

Afbeelding 2

4. Klik op map controls, vul hier de gewenste instellingen in en klik op save om alles op te slaan. Wil je de mogelijkheid om een routebeschrijving te genereren vink dan op deze pagina onderaan Include Direction search in the popup window aan.
   
   
5. Kies daarna edit map. Plaats een markering door naar de gewenste plek te zoomen en klik daar waar de marker moet komen te staan. Vul een naam in in de caption balk. Dit is verplicht omdat anders Google de locatie niet kan vinden. Vul in het description vak een beschrijving in. Ook kunnen hier foto's en links geplaatst worden. (Afbeelding 3) Leg de marker vast met de knop add. (afbeelding 4)
   
   

Afbeelding 3

Afbeelding 4

6. Klik op map implementation. Hieronder vind je verschillende mogelijkheden om de kaart online te zetten. Je kunt bijvoorbeeld kiezen voor een knop die linkt naar je kaarten op mapbuilder of een knop die linkt naar een afzonderlijke kaart. Klik daarna onderaan op proceed. De code die je nu te zien krijgt kan in een webpagina geplaatst worden.
   
   
7. Kies weer edit map en klik eens op preview, hier zie je hoe je map eruit komt te zien. Klik eens op de marker. Er verschijnt dan een wit schermpje met de beschrijving, links en plaatjes die je ingevoerd hebt. (afbeelding 5) Klik in dit scherm op het tabblad directions en daarna op from here. Voer het vertrekadres in, klik daarna op get directions en de routebeschrijving wordt gemaakt.(afbeelding 6)
   
   

Afbeelding 5

Afbeelding 6

Afbeelding 7

8. Ga naar www.google.com/apis/maps en vraag hier een api key aan. Klik op source code en zet de api key in de code van de kaart op de plek waar nu YOURGMAPKEY staat.(afbeelding 7)
   
   
9. Kopieer deze code in een HTML bestand.
   
   
10. Zet de kaart online.

Download hier deze tutorial in pdf formaat