Google Maps

Voor een klant bezig geweest om een website op te zetten. De website betreft een winkel en is voor iedereen volledig toegankelijk (www.melsenwonen.nl). Laatst even bij elkaar gezeten om het één en ander door te nemen. Hierdoor kwamen een aantal wensen naar voren die de website beter zouden moeten maken. Een wens die naar voren kwam heeft te maken met google maps. Er zit een pagina locatie in de website verwerkt die via google maps en de zogeheten gmappanel (ExtJs tegenwoordig Sencha) een kaart laat zien. Tevens wordt er een marker getoond die de plaats van de winkel aanduid. De wens die naar voren kwam was om de gebruiker in staat te stellen zijn adres in te voeren en vervolgens de route laat zien van zijn adres naar de winkel.

Mijn eerste reactie was natuurlijk dat dit gemakkelijk zou moeten kunnen. Echter kwam ik er achter dat dit nog niet zoveel gebruikt werd in de gmappanel en kon dan ook weinig vinden op google. Het is ook erg frustrerend wanneer je niet goed weet welke tags je moet zoeken n google. De volgende zoektermen heb ik gebruikt om te komen tot de uiteindelijke oplossing:

- Gmappanel route

- Gmappanel route planner

- Gmappanel directions

- Gmappanel polyline

- Google maps polyline

- Google maps api route

- Google maps route

- Google maps directions

- Google maps gDirections

De laatste gaf me uiteindelijk het juiste resultaat. Om te voorkomen dat andere mensen hier ook lang mee bezig zijn moet je voor directions gewoon de volgende code gebruiken:

<">
var directions = new GDirections(map, directionsPanel);
directions.load("from: adres, stad, land(netherlands) to: adres, stad, land(netherlands)");

Hierbij is map je gmap2 variabele en directionsPanel de output voor routebeschrijving. Evntueel kun je directionsPanel vervangen door null.

And another mistery solved.

Megatec Intenet Solutions