Google-Maps

https://maps.google.nl/ is een verbluffende google-service. Niet alleen wordt er op verzoek van ieder plekje op aarde een kaart getoond, deze kaart is ook nog eens zoombaar en kan verschoven worden. Het kan niet anders of hierbij wordt intensief gebruik gemaakt van AJAX. Door de kaart te verschuiven of in te zoomen worden razendsnel nieuwe "tegels" geladen en op de juiste plaats weergegeven. Google_maps is een enorm geavanceerde JavaScript toepassing. Wat nu zo sympathiek van Google is dat ze iedereen in staat stellen om deze toepassing op de eigen website in te bedden. Dat kan op een heel eenvoudige wijze zoals hier en hier uitgelegd wordt. In deze gevallen wordt gebruikgemaakt van een iframe en dit is voor het toevoegen van een eenvoudig kaartje meestal genoeg.

Een op deze wijze weergegeven kaart is d.m.v. het veranderen van de link al enigzins aan te passen maar er is nog veel meer mogelijk. Google stelt ons de volledige functionaliteit van Maps ter beschikking zodat iedere webdeveloper er zelf creatief mee aan de slag kan. Daarvan zijn hier een aantal voorbeelden te zien. Dit gaat dan op een heel andere manier. Er moet dan een zgn. API (application programmers interface) voor google maps geladen worden. Met dit stuk gereedschap heb je directe beschikking over alle functies die er voorhanden zijn. De kaart wordt nu niet in een iframe weergegeven maar in een div. Deze site geeft daar informatie over. Een mooie tutorial kan je hier vinden. Over één zaak is onduidelijkheid en dat is de API-key. Google wil dat je voor ieder project een sleutel aanvraagt. Met die sleutel kan de API-geladen worden. Als het nu zo is dat er extreem veel gebruik gemaakt wordt dan brengt Google zekere kosten in rekening. Het vreemde is dat als je die hele key vergeet in je link dat je dan net zo goed die API kan laden zoals je in de laatst genoemde tutorial gedaan wordt.

laatste nieuws W3school hebben een tutorial over Google Maps. Zie hier