<!DOCTYPE html>
<html lang="da">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>Eksempel</title>
    
    <link href="https://okapi.dataforsyningen.dk/lib/okapi-1.6.0.min.css" rel="stylesheet">
    <script src="https://okapi.dataforsyningen.dk/lib/okapi-1.6.0.min.js" integrity="sha384-6abq73rYGqP+L0l29bX9h2Bd4zse3hm/4IAw8I/98LLR5t7VJkLT+TDckmR8kEjX" crossorigin="anonymous"></script>
    
    
  </head>
  <body>
    <main>        <div
          id="map"
          class="geomap"
          data-type=""
          data-center-lat="56.153673"
          data-center-lon="10.214241"
          data-zoom="10"
          data-background="dtk_skaermkort_daempet"
          data-mylocation="true"
          data-fullscreen="true"
          data-zoomslider="true"
          data-layerswitcher="true"
          data-mousewheelzoom="true"
          data-extent='[-320000, 5600000, 1440000, 6800000]'
          data-token="fd44f26ab5701c01ca9f570e507fe9ab"
          style="height: 400px;">
        </div>

        <!--
        Udskift 'data-token=' med din egen token fra Dataforsyningen.
        Hvis ikke du har en token så log ind på ’Min side’ https://www.dataforsyningen.dk/
        Opret en token og brug den i din applikation
        Token i dette eksempel er midlertidig og udelukkende til test brug.

        English
        Replace the 'data-token=' with your own token from the Danish map supply.
        If you do not have a token please log in to "My page" https://www.dataforsyningen.dk/
        Create a token and use it in your application
        Token in this example is temporary and solely for test use.
        -->
        
        <script>
          var maps = new okapi.Initialize({});
        </script>
</main>
  </body>
</html>