C0VER

<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/leaflet.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/leaflet.min.css">
<div id="worldMap" style="width:100%; height:320px;"></div>
<script>
   var map = L.map('worldMap', {crs: L.CRS.Simple, attributionControl: false, center: [1709/2,1550/2], minZoom: 1, maxZoom: 4, zoom: 1});
   map.zoomControl.setPosition('bottomright');
   var southWest = map.unproject([0, 1550], map.getMaxZoom() - 1);
   var northEast = map.unproject([1709, 0], map.getMaxZoom() - 1);
   var bounds = new L.LatLngBounds(southWest, northEast);
   L.imageOverlay('https://upload.wikimedia.org/wikipedia/commons/1/1e/World_map.png', bounds).addTo(map);
   map.setMaxBounds(bounds);
   map.on('drag', function () {map.panInsideBounds(bounds, {animate: false})});
</script>