Öffentliche Karten-API

Raus Heute Karten in externe Webseiten einbinden

Diese Demo lädt die öffentliche SDK-Datei von rausheute.de, nutzt den selbst gehosteten MapLibre-/PMTiles-Stil und zeigt wahlweise Raus-Heute-POIs oder eigene Ortspunkte.

POI-Karte per HTML-Attributen

Diese Variante ist für einfache Webseiten gedacht. Der Container steuert Suche, Zentrum, Umkreis und Limit über data-*-Attribute.

Einbindung

<div
  data-rausheute-map
  data-query="Wasser"
  data-lat="49.4521"
  data-lng="11.0767"
  data-radius-km="80"
  data-limit="20"
  style="height: 520px">
</div>
<script src="https://www.rausheute.de/maps/v1/rausheute-map.js" defer></script>

Karte mit eigenen Ortspunkten

Diese Variante nutzt JavaScript und ist für Systeme geeignet, die eigene Koordinaten, Labels und Farben übergeben möchten.

Einbindung

<div id="eigene-karte" style="height: 520px"></div>
<script src="https://www.rausheute.de/maps/v1/rausheute-map.js" defer></script>
<script>
  window.addEventListener('DOMContentLoaded', function () {
    RausHeuteMap.create('#eigene-karte', {
      pois: false,
      center: [11.0767, 49.4521],
      zoom: 10,
      controls: ['zoom', 'scale', 'fullscreen'],
      markers: [
        {
          id: 'nuernberg',
          title: 'Eigener Ortspunkt',
          label: '1',
          lat: 49.4521,
          lng: 11.0767,
          color: '#2454a6'
        }
      ]
    });
  });
</script>

API-Endpunkte

Die v1-Schnittstelle liefert absolute URLs, CORS-Header und Nutzungsmetadaten. Anonyme Zugriffe sind möglich; registrierte Integrationen können über X-RausHeute-Key höhere Limits und Herkunftsbeschränkungen bekommen.