Widget:Auridonmap

   const bounds = [
       [0, 1280], // Southwest coordinates
       [1280, 0] // Northeast coordinates
   ];

   const dungeonIcon = L.icon({
     iconUrl: '/resources/assets/leaflet/icons/dungeon.png', // Замените на свой URL
     iconSize: [48, 48], // Размеры иконки
     iconAnchor: [22, 14], // Точка привязки иконки
   });

   const areafinterestIcon = L.icon({
     iconUrl: '/resources/assets/leaflet/icons/poi_areaofinterest_complete.png', // Замените на свой URL
     iconSize: [48, 48], // Размеры иконки
     iconAnchor: [22, 14], // Точка привязки иконки
   });

   const houseIcon = L.icon({
     iconUrl: '/resources/assets/leaflet/icons/poi_group_house_owned.png', // Замените на свой URL
     iconSize: [48, 48], // Размеры иконки
     iconAnchor: [22, 14], // Точка привязки иконки
   });

   const arenaIcon = L.icon({
     iconUrl: '/resources/assets/leaflet/icons/poi_solotrial_complete.png', // Замените на свой URL
     iconSize: [48, 48], // Размеры иконки
     iconAnchor: [22, 14], // Точка привязки иконки
   });

   const campfireIcon = L.icon({
     iconUrl: '/resources/assets/leaflet/icons/poi_camp_complete.png', // Замените на свой URL
     iconSize: [48, 48], // Размеры иконки
     iconAnchor: [22, 14], // Точка привязки иконки
   });

 const map = L.map('map', {
   crs: L.CRS.Simple,
   minZoom: -1,
   maxZoom: 4,
   maxBounds: bounds,

center: [640, 640],

   fullscreenControl: true,

fullscreenControlOptions: {position: 'topleft'},

   forcePseudoFullscreen: true,
   zoom: 0
 }).setView([640, 640], 0);

 const mainBounds = [[0, 0], [1280, 1280]];
 const mainLayer = L.imageOverlay('/images/6/67/Reach_base.jpg', mainBounds).addTo(map);
 map.fitBounds(mainBounds);

// events are fired when entering or exiting fullscreen. map.on('enterFullscreen', function () { console.log('entered fullscreen');

   map.setZoom(0);

});

map.on('exitFullscreen', function () { console.log('exited fullscreen');

   map.setZoom(-1);

});

 function addZones() {

L.marker([1064, 478], {icon: dungeonIcon}).addTo(map).bindPopup("

<a href=https://eso-wiki.ru/index.php/Храм_Верных_Клятве>Храм Верных Клятве</a>

Подземелье

"); L.marker([1053, 446], {icon: areafinterestIcon}).addTo(map).bindPopup("

<a href=https://eso-wiki.ru/index.php/Переправа_глубинного_события>Переправа глубинного события</a>

Подземелье

"); L.marker([632, 284], {icon: houseIcon}).addTo(map).bindPopup("

<a href=https://eso-wiki.ru/index.php/Орлиная_скала>Орлиная скала</a>

Дом

"); L.marker([323, 602], {icon: arenaIcon}).addTo(map).bindPopup("

<a href=https://eso-wiki.ru/index.php/Арена:Дебри_Ватешранов>Арена: Дебри Ватешранов</a>

Одиночная арена

"); L.marker([924, 489], {icon: campfireIcon}).addTo(map).bindPopup("

<a href=https://eso-wiki.ru/index.php/Лагерь_клана_Черной_луны>Лагерь клана Черной луны</a>

Лагерь

"); L.marker([717, 569], {icon: campfireIcon}).addTo(map).bindPopup("

<a href=https://eso-wiki.ru/index.php/Лагерь_клана_Дикого_копья>Лагерь клана Дикого копья</a>

Лагерь

"); L.marker([553, 731], {icon: campfireIcon}).addTo(map).bindPopup("

<a href=https://eso-wiki.ru/index.php/Лагерь_клана_Пепельных_сердец>Лагерь клана Пепельных сердец</a>

Лагерь

"); L.marker([380, 850], {icon: campfireIcon}).addTo(map).bindPopup("

<a href=https://eso-wiki.ru/index.php/Лагерь_клана_Темный перьев>Лагерь клана Темных перьев</a>

Лагерь

");

const MarkarthZone = L.polygon([

   [628, 242],
   [635, 243],
   [640, 254],
   [637,275],
   [639,278],
   [657,287],
   [663,296],
   [663,296],
   [659,324],
   [665,337],
   [656,360],
   [647,373],
   [646,384],
   [632,396],
   [616,389],
   [606,369],
   [601,352],
   [596,344],
   [581,351],
   [573,336],
   [572,320],
   [574,302],
   [571,287],
   [574,264],
   [583,249],
   [596,252]

], {className: "leaflet-polygon"}).bindTooltip("Маркарт");

   createZone([
   [628, 242],
   [635, 243],
   [640, 254],
   [637,275],
   [639,278],
   [657,287],
   [663,296],
   [663,296],
   [659,324],
   [665,337],
   [656,360],
   [647,373],
   [646,384],
   [632,396],
   [616,389],
   [606,369],
   [601,352],
   [596,344],
   [581,351],
   [573,336],
   [572,320],
   [574,302],
   [571,287],
   [574,264],
   [583,249],
   [596,252]

], 'Markarth', '🏰 Маркарт', '/images/d/d4/Markarthcity_base.jpg', [[0, 0], [1280, 1280]]);

 }
 addZones();

 // Кнопка "Назад"
 const backButton = L.control({position: 'topright'});
     backButton.onAdd = function () {
       const div = L.DomUtil.create('div', 'leaflet-bar');
       div.innerHTML = '<a href="#" title="Назад">← Назад</a>';
       div.onclick = function () {
         map.eachLayer(layer => map.removeLayer(layer));
         mainLayer.addTo(map);
         map.fitBounds(mainBounds);
         addZones(); // вернём зоны заново
         return false;
       };
       return div;
     };
     backButton.addTo(map);
   const MarkarthIcon = L.icon({
     iconUrl: '/resources/assets/leaflet/icons/Markarth.png', // Замените на свой URL
     iconSize: [252, 74], // Размеры иконки
     iconAnchor: [22, 14], // Точка привязки иконки
   });

L.marker([1064, 478], {icon: MarkarthIcon}).addTo(map); }); </script>