Bädda in OpenStreetMap på ett integritetsvänligt sätt med Leaflet JS

Inbäddning OpenStreetMap (OSM) på din webbplats kan ge värdefull platsinformation till dina användare. Men på grund av den allmänna dataskyddsförordningen (GDPR) kan det uppstå oro angående insamling av data som IP-adresser av OSM. För att ta itu med dessa problem och försöka skapa GDPR-efterlevnad angående OSM, utforskar denna utvecklarblogg ett tillvägagångssätt för proxy-OSM på ett integritetsvänligt sätt med hjälp av en caching-proxy och Broschyr JS.

Använda en Caching-proxy:

För att mildra problem med datainsamling och säkerställa GDPR-efterlevnad kan du ställa in en caching-proxy, såsom TileCache, som fungerar som en mellanhand mellan din webbplats och OSM. Cachingproxyn låter dig lagra kartbrickorna lokalt, vilket minskar behovet av direkta dataförfrågningar till OSM-servrar.

Konfigurera TileCache:

För att implementera TileCache, följ dessa steg:

1. Installera TileCache: Börja med att installera TileCache på din server. Du kan hitta detaljerade instruktioner i TileCache GitHub-förvaret (https://github.com/cyclestreets/tilecache). Konfigurera cachingproxyn för att skapa en katalog, t.ex /tilecache, inom din webbplats public_html-domän.
2. Ersätt OpenStreetMap-URL:n i Leaflet JS: Leta upp JavaScript-koden där OSM-kartan är inbäddad med hjälp av Leaflet JS. Ersätt den ursprungliga OSM-URL:n med URL:en som pekar på din TileCache-inställning. Till exempel:

L.tileLayer(&#039;DINDOMÄN.com/tilecache/?layer=mapnik&amp;z={z}&amp;x={x}&amp;y={y}&#039;, { attribution: &#039;© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> bidragsgivare&#039;}).addTo(karta);

Så den inställningsskript av LeafLet.JS blir (glöm inte att inkludera JS + CSS-skripten):

var map = L.map(&#039;map&#039;).setView([51.505, -0.09], 13); L.tileLayer(&#039;DINDOMÄN.com/tilecache/?layer=mapnik&amp;z={z}&amp;x={x}&amp;y={y}&#039;, { attribution: &#039;© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> bidragsgivares }).addTo(karta); L.marker([51.5, -0.09]).addTo(map) .bindPopup(&#039;En vacker CSS-popup.<br> Lätt anpassningsbar.&#039;) .openPopup();

Se till att cachningsskriptet är konfigurerat för att lagra de cachade brickorna säkert i en skyddad katalog.

Alternativa tillvägagångssätt:

Förutom TileCache finns det andra enklare proxylösningar tillgängliga, såsom ProxySimplePHP (https://wiki.openstreetmap.org/wiki/ProxySimplePHP). Det är dock viktigt att notera att dessa alternativa tillvägagångssätt inte har testats av oss.

Friskrivningsklausul och juridiska överväganden:

Det är viktigt att förstå att även om implementering av en caching-proxy och ersätter OpenStreetMap-URL:n med Leaflet JS kan förbättra integriteten och mildra problem med datainsamling, kan vi inte garantera fullständig efterlevnad av GDPR. Varje webbplatss GDPR-efterlevnadskrav kan variera, och det kan finnas andra förfrågningar eller överväganden att ta itu med. Därför rekommenderas det att söka juridisk rådgivning eller rådgöra med en GDPR-expert för att säkerställa full efterlevnad.

Se också till att förstå att denna åtgärd kommer att kraftigt öka bandbredden till din server/hosting eftersom din server/hosting visar alla kakelbilder som känner till.

Slutsats:

Att bädda in OpenStreetMap på ett integritetsvänligt sätt är avgörande för att upprätthålla GDPR-efterlevnad och respektera användarnas integritet. Genom att implementera en caching-proxy som TileCache och ersätta OpenStreetMap URL med din TileCache URL i Leaflet JS kan du minska problem med datainsamling och förbättra integritetsskyddet.

Det är dock viktigt att förstå att juridiska krav kan variera, och ytterligare åtgärder kan behövas för att uppnå full GDPR-efterlevnad. Det är alltid tillrådligt att rådgöra med juridiska experter för att säkerställa att din webbplats följer alla tillämpliga dataskyddsbestämmelser samtidigt som den ger en sömlös och integritetsmedveten användarupplevelse.