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