Untitled


<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.1/dist/leaflet.css" integrity="sha512-Rksm5RenBEKSKFjgI3a41vrjkw4EVPlJ3+OiI65vTjIdo9brlAacEuKOiQ5OFh7cOI1bkDwLqdLw3Zg0cRJAAQ==" crossorigin=""/>
    <script src="https://unpkg.com/leaflet@1.3.1/dist/leaflet.js" integrity="sha512-/Nsx9X4HebavoBvEBuyp3I7od5tA0UzAxs+j83KgC8PU0kgB4XiK4Lfe4y4cgBtaRJQEIFCW+oC506aPT2L1zw==" crossorigin=""></script>
</head>
<body>
<div id="map" style="width: 680px; height: 400px;"></div>

<script>
var	lmToken = '74c73f1f541abbee3fd8538dc0b969a';

lm = new L.TileLayer('https://api.lantmateriet.se/open/topowebb-ccby/v1/wmts/token/' + lmToken + '/1.0.0/topowebb/default/3857/{z}/{y}/{x}.png', {
	maxZoom: 15,
 	minZoom: 0,
 	continuousWorld: true,
 	attribution: '<a href="https://www.lantmateriet.se/en/">Lantmäteriet</a>&nbsp;&verbar;&nbsp;<a href="https://tora.entryscape.net/wp/">TORA</a>',
  });
	var baseLayers = {
		"Lantmäteriet": lm,
		"Open layers": lm
	};
  var map = L.map('map', {
    layers: [lm,lm]
  });

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

	L.control.scale({position: 'bottomleft', imperial: false}).addTo(map); //scale bar

	map.setView([60.05939701, 18.08360107], 9); // wgs84_pos, tora:1915

	L.marker([60.05939701, 18.08360107]).addTo(map) //// wgs84_pos, tora:1915
		.bindPopup("<b>Foghammar</b><br /><a href='https://tora.entryscape.net/wp/view/#esc_entry=1915&esc_context=26'>TORA:1915</a>").openPopup();

</script>

</body>
</html>