Как исправить проблемы с загрузкой GeoJSON в SVG

function downloadSVG(svgElement, filename = 'polygon.svg') {
  try {
    const serializer = new XMLSerializer();
    const svgStr = serializer.serializeToString(svgElement);
    
    // Создание нескольких методов резервного копирования
    const downloadMethods = [
      // Метод 1: Blob URL с правильным MIME типом
      () => {
        const blob = new Blob([svgStr], { type: 'image/svg+xml' });
        return URL.createObjectURL(blob);
      },
      // Метод 2: Резервный вариант с data URL
      () => {
        return 'data:image/svg+xml;charset=utf-8,' + encodeURIComponent(svgStr);
      },
      // Метод 3: Резервный вариант с Base64
      () => {
        return 'data:image/svg+xml;base64,' + btoa(unescape(encodeURIComponent(svgStr)));
      }
    ];

    let downloadUrl = null;
    let successfulMethod = -1;

    // Пробуем каждый метод до тех пор, пока один не сработает
    for (let i = 0; i < downloadMethods.length; i++) {
      try {
        downloadUrl = downloadMethods[i]();
        
        const a = document.createElement('a');
        a.href = downloadUrl;
        a.download = filename;
        
        // Проверяем, поддерживается ли метод, проверяя поддержку атрибута download
        const supportsDownload = 'download' in a;
        if (!supportsDownload) {
          throw new Error('Атрибут download не поддерживается');
        }
        
        // Запускаем загрузку
        document.body.appendChild(a);
        a.click();
        document.body.removeChild(a);
        
        successfulMethod = i;
        break;
      } catch (e) {
        console.warn(`Метод загрузки ${i + 1} не сработал:`, e);
        if (downloadUrl) {
          URL.revokeObjectURL(downloadUrl);
        }
        continue;
      }
    }

    // Очищаем Blob URL, если он был создан
    if (successfulMethod === 0 && downloadUrl) {
      // Используем setTimeout, чтобы позволить загрузке начаться перед отзывом URL
      setTimeout(() => {
        URL.revokeObjectURL(downloadUrl);
      }, 100);
    }

    if (successfulMethod === -1) {
      throw new Error('Все методы загрузки не сработали');
    }

    return true;
  } catch (error) {
    console.error('Ошибка загрузки SVG:', error);
    alert(`Ошибка загрузки: ${error.message}. Пожалуйста, попробуйте щелкнуть правой кнопкой мыши по SVG и выбрать "Сохранить изображение как..."`);
    return false;
  }
}

// Обновленный обработчик события загрузки
document.getElementById('download').addEventListener('click', () => {
  const svgEl = container.querySelector('svg');
  if (!svgEl) { 
    alert('Нет SVG для загрузки'); 
    return; 
  }
  
  // Добавляем метку времени к имени файла, чтобы избежать конфликтов
  const timestamp = new Date().toISOString().slice(0, 19).replace(/:/g, '-');
  const filename = `polygon-${timestamp}.svg`;
  
  downloadSVG(svgEl, filename);
});

function isSafari() {
  return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
}

function getSafariSafeDownloadMethod(svgStr) {
  // Safari предпочитает data URI вместо Blob URL
  return 'data:image/svg+xml,' + encodeURIComponent(svgStr);
}

function isIE() {
  return /*@cc_on!@*/false || !!document.documentMode;
}

function getIECompatibleDownloadMethod(svgStr) {
  // IE имеет проблемы с Blob URL, используем data URI
  return 'data:image/svg+xml;base64,' + btoa(unescape(encodeURIComponent(svgStr)));
}

// Улучшенная функция загрузки с кросс-браузерной поддержкой
function downloadSVG(svgElement, filename = 'polygon.svg') {
  try {
    const serializer = new XMLSerializer();
    const svgStr = serializer.serializeToString(svgElement);
    
    // Определение браузера
    const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
    const isIE = /*@cc_on!@*/false || !!document.documentMode;
    
    let downloadUrl;
    
    if (isSafari || isIE) {
      // Используем data URI для Safari и IE
      downloadUrl = 'data:image/svg+xml,' + encodeURIComponent(svgStr);
    } else {
      // Используем Blob URL для современных браузеров
      const blob = new Blob([svgStr], { type: 'image/svg+xml' });
      downloadUrl = URL.createObjectURL(blob);
    }
    
    const a = document.createElement('a');
    a.href = downloadUrl;
    a.download = filename;
    
    // Резервный вариант для браузеров, которые не поддерживают атрибут download
    if (!('download' in a)) {
      const newWindow = window.open(downloadUrl, '_blank');
      if (!newWindow || newWindow.closed || typeof newWindow.closed === 'boolean') {
        throw new Error('Всплывающее окно заблокировано или загрузка не поддерживается');
      }
      return;
    }
    
    document.body.appendChild(a);
    a.click();
    document.body.removeChild(a);
    
    // Очищаем Blob URL, если он был создан
    if (!isSafari && !isIE && downloadUrl.startsWith('blob:')) {
      setTimeout(() => {
        URL.revokeObjectURL(downloadUrl);
      }, 100);
    }
    
    return true;
  } catch (error) {
    console.error('Ошибка загрузки SVG:', error);
    
    // Резервный вариант: открыть в новой вкладке для ручной загрузки
    try {
      const svgEl = container.querySelector('svg');
      if (svgEl) {
        const serializer = new XMLSerializer();
        const svgStr = serializer.serializeToString(svgEl);
        const dataUrl = 'data:image/svg+xml,' + encodeURIComponent(svgStr);
        window.open(dataUrl, '_blank');
        return true;
      }
    } catch (fallbackError) {
      console.error('Резервная загрузка также не сработала:', fallbackError);
    }
    
    alert(`Ошибка загрузки. Пожалуйста, щелкните правой кнопкой мыши по визуализации SVG и выберите "Сохранить изображение как..."`);
    return false;
  }
}

// Обновленный обработчик события загрузки
document.getElementById('download').addEventListener('click', () => {
  const svgEl = container.querySelector('svg');
  if (!svgEl) { 
    alert('Нет SVG для загрузки'); 
    return; 
  }
  
  // Генерируем имя файла с меткой времени
  const timestamp = new Date().toISOString().slice(0, 19).replace(/:/g, '-');
  const filename = `geojson-polygon-${timestamp}.svg`;
  
  // Пытаемся загрузить
  const success = downloadSVG(svgEl, filename);
  
  if (success) {
    meta.textContent = 'SVG успешно загружен!';
    setTimeout(() => {
      meta.textContent = 'Отображенный полигон (спроецирован через Web Mercator).';
    }, 3000);
  }
});