<!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://cdn.jsdelivr.net/npm/@dataforsyningen/okapi@2.4.0/dist/okapi.min.css" rel="stylesheet">
    
  </head>
  <body>
    <main>        
        <div
          id="map"
          class="geomap"
          data-username="InsertYourUsernameHere"
          data-password="InsertYourPasswordHere"
          style="height: 400px;"
          data-layerswitcher="true">
        </div>
        
        <!--
        Udskift 'data-username=' og data-password med dit eget brugernavn og password fra Datafordeleren.
        Hvis ikke du har en bruger på datafordeleren kan du se hvordan du opretter en her:
        https://confluence.datafordeler.dk/pages/viewpage.action?pageId=13665234
        Brugernavn og password i dette eksempel er midlertidig og udelukkende til test brug.

        English
        Replace the 'data-username=' and data-password with your own username and password from the Datafordeler.
        If you do not have a user already you can read how to create one here:
        https://confluence.datafordeler.dk/pages/viewpage.action?pageId=13665234
        The username and password in this example is temporary and solely for test use.
        -->

        <script type="module">
          import { Initialize } from 'https://cdn.jsdelivr.net/npm/@dataforsyningen/okapi@2.4.0'
          new Initialize({})
        </script>
</main>
  </body>
</html>