html, body, #map {
margin: 0;
padding: 0;
height: 100%;
width: 100%
}
</style>
<body>
<div id="map"></div>
<script>
var maxZoom = 6;
var imageWidth = 7022;
var imageHeight = 4964;
var tile = {
w: imageWidth/maxZoom,
h: imageHeight/maxZoom
};
var map = L.map('map', {
maxZoom: 2,
minZoom: 0,
crs: L.CRS.Simple
}).setView([0, 0], 0);
map.setMaxBounds(new L.LatLngBounds([0,tile.w], [tile.h,0]));
var imageUrl = '12.jpg'
var imageBounds = [[tile.h,0], [0,tile.w]];
L.imageOverlay(imageUrl, imageBounds).addTo(map);
</script>
</body>
</html>
вот мой код