S.T.A.L.K.E.R. PDA Map: Интерактивная оффлайн-карта Зоны

[DontEzzz 2]

Для фанатов культовой серии S.T.A.L.K.E.R. и любителей элегантных технических решений представляю PDA Map - полностью автономное оффлайн веб-приложение для создания интерактивных карт.

Основные возможности :

1. Управление метками: 8 типов иконок (Тайник, Задание, Персонаж, Торговец, Костёр, Переход, Предмет, Событие) с возможностью добавления описания и скриншотов.

2. Построение маршрутов: Инструмент для рисования безопасных путей прямо по карте. Пути отображаются стилизованными пунктирными линиями.

3. Система заметок: Создание текстовых записей с поддержкой до 5 фотографий на каждую заметку.

4. Экспорт и Импорт: Полное сохранение состояния (метки, пути, заметки с фото, загруженная карта) в один JSON-файл для переноса между устройствами.

 

-Руководство пользователя: S.T.A.L.K.E.R. PDA Map-

Это приложение не требует установки, интернета или сложных настроек. Всё, что вам нужно - это сам файл stalker-map.html и любой современный браузер. В верхней панели инструментов нажмите кнопку «Карта». В открывшемся окне выберите файл изображения (JPG, PNG, webp) с картой Зоны. Рекомендуется использовать изображения размером не более 2000x2000 пикселей для оптимальной производительности. Карта автоматически загрузится, масштабируется и отцентрируется на экране.

 

Добавление метки:

-Нажмите ПКМ на карте и выберите «Режим добавления меток». Кликните ЛКМ в нужном месте на карте. В открывшемся окне заполните данные:

-Тип: Выберите иконку (Тайник, Задание, Персонаж, Торговец, Костёр, Переход, Предмет, Событие, Прочее).

-Название и Описание: Введите текстовые данные.

-Скриншот (необязательно): Перетащите изображение в поле или кликните по нему для выбора файла. (Изображение автоматически сожмется для экономии места).

-Нажмите «Сохранить».

 

Просмотр и редактирование:

-Просмотр: Кликните ЛКМ по иконке метки на карте или по её названию в боковой панели. Откроется окно с полной информацией.

-Редактирование: В окне просмотра нажмите кнопку «Редактировать».

-Удаление: Нажмите кнопку «Удалить» в окне просмотра ИЛИ нажмите на значок корзины рядом с меткой в боковой панели. Подтвердите действие в открывшемся  окне.

 

-Рисование безопасных путей-

Создание пути:

-Нажмите ПКМ на карте и выберите «Режим рисования путей». Зажмите ПКМ на карте и ведите курсор, рисуя линию маршрута. Отпустите кнопку мыши, когда путь нарисован. В верхней панели нажмите кнопку «Сохранить путь». Задайте имя пути и выберите цвет линии. Нажмите «Сохранить путь».

Управление путями:

-Просмотр: Кликните по названию пути в боковой панели (вкладка «Пути»), чтобы камера автоматически сфокусировалась на центре этого маршрута.

-Удаление: Нажмите на значок корзины в списке путей 

 

-Заметки-

Вкладка «Заметки» в боковой панели работает как личный журнал сталкера.

-Перейдите на вкладку «Заметки».

-Нажмите кнопку «+ НОВАЯ ЗАМЕТКА».

-Введите заголовок и текст.

-Добавление фото: В блоке фотографий нажмите «+ ФОТО». Вы можете выбрать до 5 изображений за раз. Они автоматически сожмутся для быстрой работы.

-Нажмите «Сохранить».

-Для просмотра кликните по заметке в списке. В режиме просмотра вы можете кликнуть на любое фото, чтобы открыть его на весь экран, или нажать «Редактировать» для изменения.

 

-Сохранение и перенос данных (ВАЖНО!)-

-Приложение автоматически сохраняет все ваши действия (метки, пути, заметки, загруженную карту) во внутреннюю память браузера (LocalStorage). Вы можете закрыть вкладку и открыть её позже - всё останется на месте. ОДНАКО, данные привязаны к конкретному браузеру на конкретном компьютере. Если вы очистите кэш/историю браузера, данные могут быть потеряны.

 

Как сделать сохранение (Экспорт):

-Нажмите кнопку «Экспорт» в верхней панели.

-Браузер скачает файл вида stalker-save-2023-10-25.json.

-Сохраните этот файл в надежном месте. Это полная копия вашего КПК.

 

Как загрузить сохранение (Импорт):

-Если вы перешли на другой компьютер или переустановили браузер, откройте приложение.

-Нажмите кнопку «Импорт».

-Выберите ранее сохраненный .json файл.

-Подтвердите замену данных. Все ваши метки, пути, заметки и карта мгновенно восстановятся.

 

-Технические ограничения и советы- 

-Лимит памяти: Браузеры выделяют около 5–10 МБ места для LocalStorage. Приложение автоматически сжимает загружаемые фото, но старайтесь не добавлять десятки фотографий в максимальном разрешении в одну заметку.

-Формат карты: Для фоновой карты лучше всего подходят форматы .jpg или .png. Избегайте гигантских файлов (например, 4K-текстур весом 20+ МБ), так как браузеру будет тяжело их обрабатывать.

(ВАЖНО!) Мобильные устройства: Приложение НЕ адаптировано под мобильные экраны. Рисование путей и загрузка файлов хорошо работают  только с мышью на ПК.
 

Удачных вылазок в Зону, сталкер. И помни: хорошие карты не убивают, они помогают вернуться домой.

Сделано Сталкером для сталкеров!

( это моя первая работа, которую помогла сделать ИИ. скорее всего могут присутствовать мелкие баги, буду благодарен любому фидбеку<3)

StalkerPdaMap.html

[Злобная реклама]

[Makrut 61]

1) Неплохо было бы тебе загрузить туда какую-нибудь карту. Хотя бы из тч ванилы. 
2) Поправь контраст интерфейса по WCAG. Сейчас жесть вообще