<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>
<div id="mymap"></div>
<script type="text/javascript">
$(document).ready(function () {
var lat = 46.13424;
var lng = 11.2452713;
var latlng = new L.latLng(lat, lng);
var zoom = 15;
var mymap = L.map('mymap').setView(latlng, zoom);
L.tileLayer('https://maps.archimede.nu/{TILE_NAME}/{z}/{x}/{y}.png').addTo(mymap);
var Icon = L.icon({
iconUrl: "/private_images/ui/marker.png",
iconSize: [31, 48], // size of the icon
iconAnchor: [15, 48], // point of the icon which will correspond to marker's location
popupAnchor: [0, -48] // point from which the popup should open relative to the iconAnchor
});
L.marker(latlng, { icon: Icon }).addTo(mymap);
//.bindPopup('');
//.openPopup();
});
</script>