Termen & begrippen ================== Werken met coordinaten ---------------------- .. literalinclude:: ../../../polka/examples/datatypes/coordinates.js :language: javascript :caption: polka/examples/datatypes/coordinates.js Zoom niveau ----------- Zoom niveau 0: De kaart bekeken vanuit de stratosfeer Zoom niveau 15: De kaart bekeken vanaf dak hoogte Projectie --------- Een kaartprojectie is een wiskundige afbeelding die het aardoppervlak (of bijvoorbeeld het oppervlak van een ander hemellichaam) of een deel daarvan over te brengen op een vlakke kaart. Als wordt afgezien van de afplatting van de Aarde, is dit een afbeelding van een boloppervlak of een deel daarvan op een plat vlak. Meer informatie over het |RD_link| en |projection_wiki_link|. Werken met projecties ********************* .. literalinclude:: ../../../polka/examples/datatypes/transform.js :language: javascript :caption: polka/examples/datatypes/transform.js Bind ---- De methode bind() maakt een nieuwe functie aan die, wanneer deze wordt aangeroepen, het this-sleutelwoord heeft ingesteld op de opgegeven waarde, met een gegeven reeks argumenten die voorafgaan aan de opgegeven wanneer de nieuwe functie wordt aangeroepen. |bind_link| Eventlistener ------------- Een eventlistener zorg ervoor dat een functie word geactiveerd op het moment dat de actie waar de eventlistener naar kijkt word uitgevoerd. |eventlistener_link| Subscribe --------- Een subscription is een object dat een beschikbare hulpbron vertegenwoordigt, meestal de uitvoering van een observable. |subscribe_link| Slider ------ Form input veld welk een schuif weergeeft. |slider_link| Marker(s) --------- Marker ook wel pin genoemd is een visuele markering op de kaart van een punt, getoond na zoekopdracht en/of klik op de kaart. Measure ------- Het opmeten van een lijn of oppervlakte. Kaart/viewer ------------ De kaart weergave op de pagina. Layers/kaartlagen ----------------- De kaart word over het algemeen opgebouwd uit meerdere lagen die boven op elkaar worden getoond. Het is daarom van belang dat de volorde van de kaartlagen coorect is ingesteld in het dashboard. Base Layer(s) ------------- Het is (vaak) wenselijk om een of meerdere kaartlagen als een ondergrond laag te hebben. Dit zijn lagen zoals het stratenplan of de luchtfoto. Deze lagen dienen om context te geven aan de getoonde informatie van de andere kaartlagen. (locatie/omgeving ect.) Viewer.view ----------- Visuele kaart object binnen polka. Hierin hebt je toegang tot o.a. de kaartlagen, marker, positie enz. Viewer.view.animate (beweeg naar punt) ************************************** Deze functie zorgt ervoor dat je naar het aangegeven punt ``[X, Y]`` gaat op het aangegeven zoom niveau. Viewer.view.zoom **************** geeft huidige waarde van het zoomniveau terug en kan gebruikt worden om het zoomniveau te wijzigen. viewer.features *************** Wanneer de gebruiker op de kaart klikt, worden de objecten die op dat punt liggen geselecteerd. De collectie geselecteerde objecten is beschikbaar onder ``polka.viewer.features.selection`` Viewer.view.map *************** Onderdeel van de viewer.view. Hierin bevinden zicht de kaartlagen. Aanroepbaar met ``polka.viewer.view.map.layers`` Viewer.view.map.events ********************** Het klikken op de kaart kan je afvangen met events. |example_event| Viewer.view.map.layers ********************** Object met alle kaartlagen binnen de viewer. Ittereer over dit object om de eigenschappen en instellingen per kaartlaag te lezen/wijzigen. Beschikbare eigenschappen zijn: Visible/show_layer ^^^^^^^^^^^^^^^^^^ het wel/niet tonen van de kaartlaag Opacity ^^^^^^^ De transparantie van de kaartlaag. 0 == volledig transparant - 100 == geen transparantie. Name ^^^^ Kaartlaag naam .. |eventlistener_link| raw:: html Voorbeeld: The addEventListener() method .. |slider_link| raw:: html voorbeeld: JS rangeslider .. |subscribe_link| raw:: html bron: RxJS subscription .. |bind_link| raw:: html Bron: MDN Web Docs .. |projection_wiki_link| raw:: html projectie .. |RD_link| raw:: html Rijksdriekhoestelsel .. |example_event| raw:: html

    const events = application.viewer.view.map.events;
    events.addEventListener("map.click", (e) => {
        ..code..
    }