Damit man die DSGVO und die damit datenschutzkonforme Anbindung eines Drittanbieters umsetzen kann bedarf es der Zustimmung des Nutzers. Mit folgender Bibliothek muss der Nutzer vor dem Laden der Bibliotheken von OpenStreet Map der Benutzung zustimmen.

Mit folgender Bibliothek ist dies auf einfache Art möglich.

Ein Beispiel sehen sie direkt hier

oder auf der Demo Seite.

Funktionen

• Einfache Anwendung durch HTML Markup
• Kein jQuery oder ähnliche Bibliotheken nötig
• Mehre Karten auf einer Seite mit mehreren Markern möglich
• Kein unerwünschter Zugriff auf Ressourcen von Drittanbietern
• Vorschaubild mit z.B. statischer Karte möglich
• Anpassbar mittels CSS
• CMS Unabhängig einsetzbar

Anwendung

Markup platzieren

<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>

Bibliothek einbinden

<script src="/js/dsosm.js"></script>

[wpshopgermany product=“18″]