004script.js

const initialZoom = 13;
const latitude = 58.15;
const longitude = 8;
// Map
var map = L.map("map").setView([latitude, longitude], initialZoom);

// OsmTileLayer
const openStreetMapTileLayerLink =
  "https://tile.openstreetmap.org/{z}/{x}/{y}.png";
const openStreetMapAttribution =
  '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors';

// OtmTileLayer
const openTopoMapLayerLink = "https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png";
const openTopoMapMaxZoom = 17;
const openTopoMapAttribution =
  'Map data: &copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, <a href="http://viewfinderpanoramas.org">SRTM</a> | Map style: &copy; <a href="https://opentopomap.org">OpenTopoMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)';

// Norkart API key
const apiKey = "" // User your own key from https://developer.norkart.no/

/**************************
 * Defining the map Layers *
 **************************/
var openStreetMap = L.tileLayer(openStreetMapTileLayerLink, {
  attribution: openStreetMapAttribution,
});

var openTopoMap = L.tileLayer(openTopoMapLayerLink, {
  maxZoom: openTopoMapMaxZoom,
  attribution: openTopoMapAttribution,
});

var norkartLite = L.tileLayer.webatlas({
  mapType: L.TileLayer.Webatlas.Type.LITE,
  apikey: apiKey,
});

var norkartHybrid = L.tileLayer.webatlas({
  mapType: L.TileLayer.Webatlas.Type.HYBRID,
  apikey: apiKey,
});

var norkartAerial = L.tileLayer.webatlas({
  mapType: L.TileLayer.Webatlas.Type.AERIAL,
  apikey: apiKey,
});

/** All available Norkart map types
L.TileLayer.Webatlas.Type.GREY
L.TileLayer.Webatlas.Type.VECTOR
L.TileLayer.Webatlas.Type.MEDIUM
L.TileLayer.Webatlas.Type.LITE
L.TileLayer.Webatlas.Type.AERIAL
L.TileLayer.Webatlas.Type.HYBRID
*/

/***********************************
 * Setting up a marker with a popup *
 ***********************************/
var marker71graderNord = L.marker([71.1700556, 25.7861784, 7]);
marker71graderNord.addTo(map);
var popup71grader = marker71graderNord.bindPopup("71 Grader nord!");
popup71grader.addTo(map);

var markerKristiansand = L.marker([58.14612, 7.9955]);
markerKristiansand.addTo(map);
var popupKrs = markerKristiansand.bindPopup("Kristiansand :D");
popupKrs.addTo(map);

/***************************************
 * Setting up the map and adding layers *
 ***************************************/
norkartAerial.addTo(map);

var baseLayers = {
  OpenStreetMap: openStreetMap,
  Topo: openTopoMap,
  NorkartLite: norkartLite,
  NorkartHybrid: norkartHybrid,
  NorkartAerial: norkartAerial,
};

L.control.layers(baseLayers).addTo(map);