Embedding OpenStreetMap in a Privacy-Friendly Way with Leaflet JS

Inbedden OpenStreetMap (OSM) op uw website kan waardevolle locatie-informatie aan uw gebruikers verschaffen. Vanwege de Algemene Verordening Gegevensbescherming (AVG) kunnen er echter zorgen ontstaan over het verzamelen van gegevens zoals IP-adressen door OSM. Om deze zorgen aan te pakken en te proberen AVG-naleving met betrekking tot OSM te creëren, onderzoekt deze ontwikkelaarsblog een aanpak om OSM op een privacyvriendelijke manier te proxyen met behulp van een caching-proxy en Folder JS.

Een caching-proxy gebruiken:

Om te verzachten zorgen over gegevensverzameling en GDPR-naleving te garanderen, kunt u een caching-proxy instellen, zoals TileCache, die fungeert als tussenpersoon tussen uw website en OSM. Met de caching-proxy kunt u de map tiles lokaal opslaan, waardoor de noodzaak voor directe dataverzoeken aan OSM-servers wordt verminderd.

TileCache instellen:

Volg deze stappen om TileCache te implementeren:

1. TileCache installeren: Begin met het installeren van TileCache op uw server. Gedetailleerde instructies vindt u in de TileCache GitHub-repository (https://github.com/cyclestreets/tilecache). Configureer de cacheproxy om een directory te maken, zoals /tegelcache, binnen het public_html-domein van uw website.
2. Vervang de OpenStreetMap URL in Leaflet JS: Zoek de JavaScript-code waar de OSM-kaart is ingebed met Leaflet JS. Vervang de originele OSM URL met de URL die naar uw TileCache-installatie verwijst. Bijvoorbeeld:

L.tileLayer(&#039;UWDOMEIN.com/tilecache/?layer=mapnik&amp;z={z}&amp;x={x}&amp;y={y}&#039;, { toeschrijving: &#039;© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> bijdragers&#039;}).addTo(map);

Dus de installatiescript van LeafLet.JS wordt (vergeet niet de JS + CSS scripts mee te nemen):

var map = L.map(&#039;map&#039;).setView([51.505, -0.09], 13); L.tileLayer(&#039;UWDOMEIN.com/tilecache/?layer=mapnik&amp;z={z}&amp;x={x}&amp;y={y}&#039;, { toeschrijving: &#039;© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> bijdragers&#039; }).addTo(map); L.marker([51.5, -0.09]).addTo(map) .bindPopup(&#039;Een mooie CSS-pop-up.<br> Gemakkelijk aan te passen.&#039;) .openPopup();

Zorg ervoor dat het cachescript zo is geconfigureerd dat de gecachte tegels veilig in een beveiligde map worden opgeslagen.

Alternatieve benaderingen:

Naast TileCache zijn er ook andere, eenvoudigere proxy-oplossingen beschikbaar, zoals ProxySimplePHP (https://wiki.openstreetmap.org/wiki/ProxySimplePHPHet is echter van essentieel belang om op te merken dat deze alternatieve benaderingen niet door ons zijn getest.

Disclaimer en juridische overwegingen:

Het is belangrijk om te begrijpen dat hoewel het implementeren van een caching proxy en het vervangen van de OpenStreetMap URL met Leaflet JS de privacy kan verbeteren en zorgen over gegevensverzameling kan verminderen, we geen volledige GDPR-naleving kunnen garanderen. De GDPR-nalevingsvereisten van elke website kunnen verschillen en er kunnen andere verzoeken of overwegingen zijn om aan te pakken. Daarom wordt aanbevolen om juridisch advies in te winnen of een GDPR-expert te raadplegen om volledige naleving te garanderen.

Houd er ook rekening mee dat deze maatregel de bandbreedte naar uw server/hosting aanzienlijk zal verhogen, omdat uw server/hosting alle bekende tegelafbeeldingen weergeeft.

Conclusie:

OpenStreetMap op een privacyvriendelijke manier inbedden is cruciaal voor het handhaven van GDPR-naleving en het respecteren van de privacy van gebruikers. Door een caching-proxy zoals TileCache te implementeren en de OpenStreetMap-URL te vervangen door uw TileCache-URL in Leaflet JS, kunt u zorgen over gegevensverzameling verminderen en de privacybescherming verbeteren.

Het is echter essentieel om te begrijpen dat wettelijke vereisten kunnen variëren en dat aanvullende maatregelen nodig kunnen zijn om volledige GDPR-naleving te bereiken. Het is altijd raadzaam om juridische experts te raadplegen om ervoor te zorgen dat uw website voldoet aan alle toepasselijke regelgeving inzake gegevensbescherming en tegelijkertijd een naadloze en privacybewuste gebruikerservaring biedt.

Hallo wereld