DSGVO OpenStreetmap Demo

Demonstration einer DSGVO - konformen Einbindung einer Open Streetmap Karte.

Umgesetzt wurde diese Demo mit der Javascript Bibliothek DSGVO OpenStreetmap.


Beispiel mit einem Marker, der immer geöffnet ist.

<div class="dsosm"
    data-zoom="4"
    data-lng="12.447683"
    data-lat="61.163361">
    <div class="notice">Klicken Sie hier, um eine interaktive Karte von einem Drittanbieter zu laden.</div>
    <div class="marker"
         data-fillColor="#FFFF00"
         data-radius="10"
         data-no_close="1"
         data-open="1"
         data-lng="9.421111"
         data-lat="55.052222">
        <div class="marker_inner">
            <h3>Nördlichster Punkt Deutschlands</h3>
            <br />
            <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/19/Die_Sylter_Halbinsel_Ellenbogen_mit_dem_Leuchtturm_List_Ost.jpg/290px-Die_Sylter_Halbinsel_Ellenbogen_mit_dem_Leuchtturm_List_Ost.jpg" alt="" />
        </div>
    </div>
</div>
Klicken Sie hier, um eine interaktive Karte von einem Drittanbieter zu laden.

Nördlichster Punkt Deutschlands



Beispiel mit zwei Markern und einem Vorschaubild

<div class="dsosm"
     style="background-image:url('preview.jpg');"
     data-zoom="5"
     data-lng="10.447683"
     data-lat="51.163361">
    <div class="notice">Klicken Sie hier, um eine interaktive Karte von einem Drittanbieter zu laden.</div>
    <div class="marker"
         data-fillColor="#FFFF00"
         data-radius="10"
         data-no_close="1"
         data-lng="9.357579"
         data-lat="51.220915">
        <div class="marker_inner">
            <h3>Mittelpunkt Deutschlands</h3>
            <h4>nach Schnittpunktermittlung</h4>
        </div>
    </div>
    <div class="marker"  style="display:none;"
         data-fillColor="#FF0000"
         data-radius="10"
         data-lng="10.447683"
         data-no_close="0"
         data-open="1"
         data-lat="51.163361">
        <div class="marker_inner">
            <h3>Mittelpunkt Deutschlands</h3>
            <h4>nach Rechteckmethode</h4>
        </div>
    </div>
</div>
Klicken Sie hier, um eine interaktive Karte von einem Drittanbieter zu laden.

Mittelpunkt Deutschlands

nach Schnittpunktermittlung


Beispiel mit zwei Markern und einem Vorschaubild und der speicherung eines Cookies

Klicken Sie hier, um eine interaktive Karte von einem Drittanbieter zu laden.

Mittelpunkt Deutschlands

nach Schnittpunktermittlung