De Google Maps API voorziet in de mogelijkheid om op basis van een aantal coordinaten een vlak op de kaart te zetten - een polygoon. Met behulp van het GPolygon object kun je bijvoorbeeld een vierkant, een veelhoek of een cirkel in een layer bovenop de kaart tekenen.
Over GPolygon cirkels wil ik het even hebben. An sich heb je aan een cirkeltje op een kaart natuurlijk niks. Maar een praktische toepassing van het GPolygon object is zo te bedenken. In mijn geval denk ik aan het tekenen van een cirkel met een bepaalde radius. Op basis van de gecreërde cirkel-overlay kun je vervolgens bepalen of één of meer andere punten binnen het oppervlak van deze cirkel vallen. Of juist niet.
Dat is bruikbare informatie. Voor mijn website met uitjes wil ik deze functionaliteit benutten om te bepalen of er in de buurt van een uitje nog leuks meer te beleven is. Zeg maar een ook interessant voor u? functie. Of om gerelateerde informatie op het scherm te zetten: faciliteiten in de buurt. Ook op de nieuwe website van woningbouwcorporatie Ymere komt deze functionaliteit wellicht van pas bij het in kaart brengen van het vastgoedbezit van woningbouwcorporatie Ymere (screenshot).
Okay. Genoeg geluld. Check de demo hieronder. De code is losjes gebaseerd op één van de voorbeelden uit het Google Maps code depot en een andere webpagina die ik helaas niet meer kan terugvinden. Een veel simpelere / handigere functie voor het omrekenen van graden naar radialen bekijk je trouwens hier. Tenslotte moet je weten dat ik de Contains() methode van de epoly.js uitbreiding heb gebruikt voor het detecteren van de kliks.
Werken met omtrek, oppervlakte en radius herinnert me eraan hoe ontzettend slecht ik eigenlijk ben in wiskunde. Onderstaande linkjes hielpen om mijn theoretische kennis een ietsepietsje op te poetsen:
Klik op de kaart hieronder om een cirkel te tekenen. Het punt waar je klikt vormt het middelpunt. Vervolgens klik je ergens binnen de cirkel of juist erbuiten. Door middel van een tekstmelding krijg je de bevestiging van hetgeen je al wist over het corresponderende coordinaat toen je klikte - namelijk of het coordinaat zich binnen of buiten de cirkel bevindt.
