<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/openstreetmap/{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>