Interaktive Karte @filter-map

In Development
Vorschau in eignem Tab anzeigen
 
<div class="filter-map" data-url="api/filter-map.json" data-asset-url="" data-listlinkurl="#test">
  <div class="filter-map__placeholder">
    <h1 class="headline headline--2"><span class="f-w-bold">Verbreitung <br/> Mobbing&Du</span> <br /> in Baden-Württemberg</h1>
    <div class="filter-map__container">
      <div class="picture"><noscript>
          <picture class="picture__fallback">
            <source srcset="/images/mud/mud-map-filled-desktop.svg" media="(min-width: 1024px)" /><img src="/images/mud/mud-map-filled-mobile.svg" srcset="/images/mud/mud-map-filled-mobile.svg" alt="Platzhalter einer interaktiven Karte von Baden-Württemberg" /></picture>
        </noscript>
        <picture class="picture__picture loading">
          <source data-srcset="/images/mud/mud-map-filled-desktop.svg" media="(min-width: 1024px)" /><img class="picture__img js-lazyload" data-src="/images/mud/mud-map-filled-mobile.svg" alt="Platzhalter einer interaktiven Karte von Baden-Württemberg" /></picture>
      </div>
      <div class="filter-map__loader"><svg class="icon icon--mud-cloud" viewBox="0 0 200 200">
          <use xlink:href="#icon-mud-cloud"></use>
        </svg><svg class="icon icon--mud-cloud" viewBox="0 0 200 200">
          <use xlink:href="#icon-mud-cloud"></use>
        </svg></div>
    </div>
    <div class="filter-map__link"><a class="link" href="#">Teilnehmende Orte als Liste</a></div>
  </div>
</div>