ggc-library
    Preparing search index...

    Component voor het zoeken naar locaties en adressen met behulp van de PDOK Location API.

    Dit component biedt een zoekveld met automatische suggesties, ondersteuning voor Rijksdriehoekscoördinaten (RD) en integratie met de eigen browserlocatie. Geselecteerde resultaten kunnen automatisch worden getoond en gemarkeerd op een gekoppelde kaart.

    Implements

    • OnInit
    Index

    Properties

    events: EventEmitter<SearchComponentEvent> = ...

    EventEmitter die events verzendt bij zoekresultaten, fouten of statuswijzigingen.

    searchLocationOptions: SearchLocationOptions

    Configuratieopties voor de zoekfunctionaliteit, zoals zoomniveaus en PDOK-collecties.

    Accessors

    • get classClearButton(): string

      De CSS-klasse voor de 'verwijder' knop in het zoekveld.

      Returns string

    • get classSearchButton(): string

      De CSS-klasse voor de zoek-icoon/knop.

      Returns string

    • get searchTerm(): string

      De huidige zoekterm in het inputveld.

      Returns string

    Methods

    • Maakt het zoekveld leeg en verwijdert eventuele highlights van de kaart.

      Returns Promise<void>

    • Sluit de suggestielijst wanneer buiten de component wordt geklikt.

      Parameters

      • event: Event

      Returns void

    • Reageert op selectie-events vanuit de CDK Listbox.

      Parameters

      Returns void

    • Initialiseert de component, configureert de PDOK-service en start de zoekterm-subscriber.

      Returns void

    • Toont suggesties zodra het inputveld de focus krijgt.

      Returns void

    • Handelt toetsenbord-events in het inputveld af, zoals navigatie naar suggesties of wissen (Esc).

      Parameters

      • $event: KeyboardEvent

        De KeyboardEvent vanuit het inputveld.

      Returns void

    • Handelt navigatie binnen de lijst met suggesties af.

      Parameters

      • $event: KeyboardEvent

        De KeyboardEvent vanuit de suggestielijst.

      Returns void

    • Handelt selecties en interacties binnen de suggestielijst af via het toetsenbord.

      Parameters

      • $event: KeyboardEvent

      Returns void

    • Handelt paste-events in het inputveld af.

      Parameters

      • $event: ClipboardEvent

        De ClipboardEvent vanuit het inputveld.

      Returns void

    • Start het proces om de huidige geografische locatie van de gebruiker te bepalen.

      Returns void

    • Verwerkt de resultaten die terugkomen van de PDOK Location API.

      Parameters

      Returns void

    • Reset de huidige locatie-weergave en verwijdert het huidige resultaat.

      Parameters

      • resetLocation: boolean = true

        Of ook de huidige locatie-weergave gereset moet worden.

      Returns void

    • Trigget een nieuwe zoekopdracht voor suggesties.

      Parameters

      • value: string

        De zoekterm.

      Returns void

    • Voert de definitieve zoekopdracht uit wanneer op Enter wordt gedrukt.

      Returns void