Ondersteuning voor data layers die third party session nodig hebben

[dtakken]

Heeft het functieverzoek betrekking op een probleem? Omschrijf a.u.b.
Data layers die live data ophalen van een third party werken niet altijd wanneer deze aan een kaart worden toegevoegd. Het scenario is als volgt:

1. Gebruiker van de website logt in bij een third party dienst
2. Gebruiker bezoekt pagina met kaart
3. Data layer gebruikt de third party sessie om data op te halen

Het lijkt erop dat de third party sessie nu niet meekomt, waardoor de OpenKaarten proxy geen toegang heeft tot de data. Je ziet in dit scenario dat het endpoint waarnaar de data layer verwijst prima werkt wanneer je via de 'view source data' knop in de data layer editor de data ophaalt, maar toegevoegd aan een kaart komt de data er niet uit.

[richardkorthuis]

Hallo @dtakken

Zoals ik het heb begrepen gaat dit issue over het tonen van een marker met het adres van de ingelogde gebruiker in OpenPDD, dat klopt toch?

Allereerst vraag ik me af hoe je dat in gedachten hebt dat de third party sessie wordt doorgegeven, elke third party kan zijn eigen sessie hebben, hoe wil je generiek al die sessies door gaan geven? En is dat überhaupt wel wenselijk? (ik denk het niet)
OpenKaarten gaat over open kaarten, dus kaarten/locatiedata die vrij beschikbaar is, dan is het onlogisch dat we gebruikerssessies zouden moeten gaan meesturen voor het ophalen van data.

Bovendien waarom zou je dit via de OpenKaarten proxy willen laten verlopen? De gebruiker is ingelogd in OpenPDD en daarin heb je alle benodigde gegevens toch al beschikbaar? Het enige wat je dan nog moet doen is het adres van de gebruiker als marker aan de kaart toevoegen.

[merelacato]

Hallo @dtakken,

Er is een composable toegevoegd met een functie om de kaart te gebruiken om bijvoorbeeld een marker aan toe te kunnen voegen.

Dit staat op de develop branch van deze frontend plugin.
Yard kan deze uitchecken en het testen met onderstaand voorbeeld.

Voorbeeld gebruik functie useOpenkaartenMap():

import { watchEffect } from 'vue';
import { useOpenkaartenMap } from '../utils/use-openkaarten-map';
import L from "leaflet";

const mapRef = useOpenkaartenMap();

watchEffect(() => {
  const map = mapRef?.value;
  if (map) {
    console.log('Kaart beschikbaar 🎉');

    const marker = L.marker([52.3676, 4.9041])
        .addTo(map)
        .bindPopup('Hallo vanaf Amsterdam!');
  } else {
    console.log('Kaart nog niet beschikbaar...');
  }
});