EN DE
  • Registrieren
  • Login

Beispiel Leaflet mit Graustufenkarte

Karte

Code

<!DOCTYPE html>
<html>
  <head>
    <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.3/leaflet.css' }}' />
    <script src='https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.3/leaflet.js'></script>
    <script type='text/javascript'>
      function initMap() {
        var host = 'https://maps.omniscale.net/v2/{id}/style.grayscale/{z}/{x}/{y}.png';

        var attribution = '&copy; 2023 &middot; <a href="https://maps.omniscale.com/">Omniscale</a> ' +
            '&middot; Map data: <a href="https://www.openstreetmap.org/copyright">OpenStreetMap  (Lizenz: ODbL)</a>';

        var map = L.map('map').setView([53.14, 8.22], 13);
          L.tileLayer(host, {
            id: 'your-api-key',
            attribution: attribution
          }).addTo(map);

        map.attributionControl.setPrefix(false);
      }
    </script>
  </head>
  <body onload='initMap()'>
    <div id='map' style='height: 400px; width: 400px;'></div>
  </body>
</html>

Nützliches

  • Registrieren • Anmelden
  • Interaktive Karte
  • Pläne und Funktionen

Nützliches

  • Hilfe/API
  • Verfügbare Kartenprojektionen

Über uns

  • Impressum
  • AGB
  • Datenschutz

Kontaktdaten

Omniscale GmbH & Co. KG
Moltkestraße 6a
26122 Oldenburg
Deutschland
Zum Kontaktformular ↝

Copyright © 2023 • Omniscale, Kartendaten: OpenStreetMap (Lizenz: ODbL)

Angebote nur für Gewerbetreibende. Alle Preise zzgl. ges. MwSt.

Angebote nur für Gewerbetreibende. Alle Preise zzgl. ges. MwSt.