--- a
+++ b/src/cut-viewer-load.js
@@ -0,0 +1,77 @@
+const fragmentId = document.URL.slice(-53)
+
+const markersSource = [
+//!!! lat is horizontal(x), lng is vertical(y)!!!
+	{y: 312, x: 5723},
+	{y: 476, x: 6319},
+	{y: 861, x: 5907},
+	{y: 1688, x: 6101},
+	{y: 2517, x: 6856},
+	{y: 2723, x: 6731},
+	{y: 2780, x: 6567},
+	{y: 2425, x: 6330},
+	{y: 4475, x: 7110},
+	{y: 4684, x: 6744},
+	{y: 4744, x: 6593},
+	{y: 4869, x: 6576},
+	{y: 5372, x: 6519},
+	{y: 5895, x: 6423},
+	{y: 5677, x: 6652},
+	{y: 6038, x: 5696},
+	{y: 6026, x: 5106},
+	{y: 3692, x: 3266},
+	{y: 3654, x: 2135},
+	{y: 3456, x: 1040},
+	{y: 3648, x: 326},
+	{y: 4929, x: 823},
+	{y: 5117, x: 794},
+	{y: 6364, x: 305},
+	{y: 6283, x: 230},
+	{y: 5048, x: 309},
+	{y: 3722, x: 895},
+	{y: 1541, x: 4073},
+	{y: 123, x: 4256},
+	{y: 625, x: 774},
+	{y: 1142, x: 790},
+	{y: 2125, x: 765},
+	{y: 2303, x: 496},
+	{y: 2579, x: 747},
+	{y: 2510, x: 941},
+	{y: 3698, x: 66},
+	{y: 4396, x: 776},
+	{y: 4553, x: 35},
+	{y: 5021, x: 774},
+	{y: 4247, x: 1447},
+	{y: 4130, x: 1665},
+	{y: 3967, x: 1794},
+	{y: 3322, x: 1654},
+	{y: 3032, x: 1538},
+	{y: 2942, x: 2084},
+	{y: 2020, x: 1298},
+	{y: 1207, x: 1584},
+	{y: 1697, x: 2103},
+	{y: 1736, x: 2140},
+	{y: 1684, x: 2305}
+];
+
+$(document).ready(() => {
+	$('.fragmentId').append(fragmentId)
+	$('#downloadfragment').append(`<a href="https://krang-dataset.website.yandexcloud.net/${fragmentId}.tiff">Скачать фрагмент ${fragmentId}.tiff</a>`);
+
+	markersSource.forEach(point => {
+		createMarker(point.x, point.y)
+	});
+});
+
+//init leaflet.js
+var imageUrl = `https://krang-dataset.website.yandexcloud.net/cuts/${fragmentId}.jpg`
+var imageBounds = [[0, 0], [7168, 7168]];
+const map = L.map('map', {
+	crs: L.CRS.Simple,
+	minZoom: -2,
+	maxZoom: 1,
+	maxBounds: imageBounds
+})
+var image = L.imageOverlay(imageUrl, imageBounds).addTo(map);
+map.fitBounds(imageBounds)
+