type1(dev)/js/map.js - dev - Seler1ty/Project_Sber

type1(dev)/js/map.js
153 строки6 KB
DarkusBlake
Create: index.html, style.css, city.js, layers.js, main.js, map.js, search.js, ui.js, utils.js
15 июн 2026, 19:52
15 июн 2026, 19:520314866
window.MapManager = (function() {
    let map = null;
    let currentTileLayer = null;
    
    // Список серверов: стандартный OSM первым, остальные запасные
    const tileServers = [
        { url: 'https://a.tile.openstreetmap.org/{z}/{x}/{y}.png', name: 'OSM Default' },
        { url: 'https://tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png', name: 'OSM France' },
        { url: 'https://tiles.wmflabs.org/osm/{z}/{x}/{y}.png', name: 'WMFLabs' },
        { url: 'https://tile.openstreetmap.de/{z}/{x}/{y}.png', name: 'OSM Germany' },
        { url: 'https://tiles.nakarte.me/{z}/{x}/{y}.png', name: 'Nakarte.me' }
    ];
    
    let serverIndex = 0;
    let isLightMode = false;
    
    function init() {
        const cityData = CityManager.getCityData();
        
        map = L.map('map', {
            zoomControl: false,
            closePopupOnClick: false
        }).setView(cityData.center, cityData.zoom);
        
        // Пытаемся загрузить тайлы с первого сервера (стандартный OSM)
        loadTileServer(0);
        
        // Контрол зума
        L.control.zoom({ position: 'topleft' }).addTo(map);
        
        // Обработчик клика по карте - скрываем информационную панель
        map.on('click', function(e) {
            if (!window.isClickOnQuarter) {
                if (window.UI) UI.hideInfoPanel();
            }
            setTimeout(() => { window.isClickOnQuarter = false; }, 50);
        });
        
        // Адаптация прозрачности кварталов при зуме
        map.on('zoomend', function() {
            const quartersLayer = window.LayerManager ? LayerManager.getQuartersLayer() : null;
            if (quartersLayer && map.hasLayer(quartersLayer)) {
                const zoom = map.getZoom();
                quartersLayer.eachLayer(function(layer) {
                    if (zoom < 12) {
                        layer.setStyle({ fillOpacity: 0.4, weight: 0.5 });
                    } else {
                        layer.setStyle({ fillOpacity: 0.7, weight: 1.5 });
                    }
                });
            }
        });
        
        console.log('MapManager инициализирован (стандартный OSM)');
        return map;
    }
    
    function loadTileServer(index) {
        if (currentTileLayer && map) map.removeLayer(currentTileLayer);
        if (index >= tileServers.length) {
            console.error('Все серверы тайлов недоступны');
            if (window.UI) UI.showError('Не удалось загрузить карту. Проверьте интернет.');
            return;
        }
        
        serverIndex = index;
        const server = tileServers[serverIndex];
        console.log(`Пробуем сервер: ${server.name} - ${server.url}`);
        
        currentTileLayer = L.tileLayer(server.url, {
            attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
            errorTileUrl: '',
            maxRetries: 2,
            maxNativeZoom: 19
        }).addTo(map);
        
        // При ошибке переключаемся на следующий сервер
        currentTileLayer.on('tileerror', function(err) {
            console.warn(`Ошибка на ${server.name}, переключаемся на следующий сервер...`);
            loadTileServer(serverIndex + 1);
        });
    }
    
    function getMap() { return map; }
    
    function updateViewForCity(cityId, cityData) {
        if (map) {
            map.setView(cityData.center, cityData.zoom);
            console.log(`Карта перемещена к городу ${cityData.name}`);
        }
    }
    
    function switchToLightMode() {
        isLightMode = true;
        
        if (currentTileLayer) {
            map.removeLayer(currentTileLayer);
        }
        L.tileLayer('https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png', {
            attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OSM</a> &copy; <a href="https://carto.com/attributions">CARTO</a>',
            subdomains: 'abcd',
            maxZoom: 19
        }).addTo(map);
        
        // Скрываем кварталы и синхронизируем чекбокс
        const quartersLayer = window.LayerManager ? LayerManager.getQuartersLayer() : null;
        const quartersCheckbox = document.getElementById('layer-quarters-checkbox');
        
        if (quartersLayer && map.hasLayer(quartersLayer)) {
            map.removeLayer(quartersLayer);
            if (quartersCheckbox && quartersCheckbox.checked) {
                quartersCheckbox.checked = false;
            }
        }
        
        if (window.UI) UI.showLightModeMessage();
    }
    
    function switchToGreenMode() {
        isLightMode = false;
        
        map.eachLayer(layer => {
            if (layer instanceof L.TileLayer && layer._url && layer._url.includes('cartocdn')) {
                map.removeLayer(layer);
            }
        });
        
        loadTileServer(0);
        
        // Показываем кварталы только если чекбокс включён
        const quartersLayer = window.LayerManager ? LayerManager.getQuartersLayer() : null;
        const quartersCheckbox = document.getElementById('layer-quarters-checkbox');
        
        if (quartersLayer && quartersCheckbox && quartersCheckbox.checked && !map.hasLayer(quartersLayer)) {
            map.addLayer(quartersLayer);
        }
        
        if (window.UI) UI.hideInfoPanel();
    }
    
    function isLightModeActive() {
        return isLightMode;
    }
    
    return { 
        init, 
        getMap, 
        updateViewForCity,
        switchToLightMode,
        switchToGreenMode,
        isLightModeActive
    };
})();