Demo: markertjes (ver)plaatsen & geocodering
Medewerkers van woningbouwcorporatie Ymere hebben een webtool tot hun beschikking waarin ze het vastgoedbezit dat op de corporate website getoond wordt kunnen vastleggen. Het leek een goed idee om de WGS84 coördinaten van een vastgoedobject te kiezen door de gebruiker op een Google Maps kaart te laten klikken en een markertje te plaatsen / verplaatsen.
In de praktijk bleek deze gedachtengang helaas iets te kort door de bocht. Want wat als je als Marketing & Vastgoed medewerker niet precies weet waar een object zich bevindt? Dan is het knap lastig om te bepalen waar je je prikkertje neer moet zetten. En ook als je toevallig wel weet in welke straat een woning staat, dan maakt het nogal een verschil of het over over een appartement op Nassaukade 1 in Amsterdam gaat, of dat je het pand op nummer 200 moet hebben. Met andere woorden, tijd voor het realiseren van een uitbreiding van de functionaliteit! Zie hier de demo van de nieuwe en verbeterde versie 2:
Plaats een markertje op de kaart en leg de coördinaten van een Ymere object vast door:
- te klikken op de kaart en het verslepen van het markertje dat wordt geplaatst — da's de bestaande functionaliteit. Nog geen spannende zaken. Wat wel nieuw is ... er wordt gekeken of er al eerder een x en y coördinaat waren vastgelegd. Als dat het geval is, wordt er een ikoontje op de kaart gezet en centreert de kaart op dat coördinaat. Da's handige functionaliteit die er eerst nog niet in zat.
- een adres in te voeren in een tekstvak — hey, da's nieuw. Het ingevoerde adres wordt gevoerd aan de GClientGeocoder in de Google Maps API. Als het goed is krijgen we hierna een Placemark object terug. In dit object zitten ook de x en y, waarmee je een GLatLng ojbect kunt maken. Als er tijdens het geocoderen van het adres fouten optrefen, zoals een onbekend adres, resulteert dat in een melding aan de gebruiker.
Is de Google Maps geocoder in staat om het adres te vertalen in een Placemark object? Mooi. Dan centreert de kaart op de geretourneerde coördinaten en wordt er een prikkertje op de kaart geplaatst. De gebruiker kan het markertje eventueel nog naar wens verslepen met de beproefde sleur en pleur methodiek. Om tenslotte de coördinaten vast te leggen. Kijk, dat werkt een stuk lekkerder.
Een demootje van de functionaliteit zie je hieronder. Zo werkt het:
- Klik op kaartje tonen
- Kies een locatie door ergens op de kaart te klikken en te sleuren en pleuren of voer een adres in in het invoervak en klik op zoeken
- De coordinaten leg je vast ¹ door op het markertjes te klikken en in het info window op de coordinaten vastleggen link te klikken.
¹ in deze demo worden de coordinaten alleen naar de x en y textboxes gekopieerd en niet in een achterliggende database opgeslagen.