Интерактивная карта Ярославля с метками и зонированием
Задача
Требуется создать сайт, который запускается локально на ПК. На сайте отображается карта города Ярославля с улицами и домами. Карта поддерживает приближение и отдаление.
Функциональные слои
Слой 1: Освещение (желтые метки)
- Нанести на карту второй слой с желтыми метками, соответствующими расположению уличных фонарей (допустимо нестрогое соответствие реальности).
Слой 2: Автоматические метки районов (красные метки)
- Добавить поля ввода для районов города: «Ленинский район» и «Кировский район».
- При вводе числа в каждое поле на карте появляется соответствующее количество красных меток, равномерно распределенных по территории указанного района.
- Например, «100» в поле Ленинского района создаст 100 красных меток в этом районе.
Слой 3: Ручное добавление красных меток
- На панели инструментов должен быть значок для ручного режима: при его выборе пользователь может кликом добавлять красные метки в произвольные места карты.
Слой 4: Зонирование и суммирование значений
- Третий слой отображает зоны влияния меток на карте.
- Каждая желтая метка (фонарь) имеет базовое значение 0.5 и радиус влияния 2 метра от себя.
- Каждая красная метка (добавленная вручную или автоматически) имеет базовое значение 1 и радиус влияния от 2 до 3 км (на ваше усмотрение, можно фиксировать 2.5 км).
- При пересечении радиусов соседних меток значения суммируются: общая зона перекрытия получает суммарное числовое значение.
- Результат визуализируется в виде тепловой карты или изолиний (как показано в примере 1.png).
Требования к интерфейсу
- Панель инструментов с выбором режима (ручная расстановка, просмотр зон).
- Поля ввода для районов.
- Краткая инструкция для пользователя и описание работы приложения.
Срок выполнения
7 дней с момента утверждения задания.
Дополнительно
Допускается интеграция с готовым решением (например, Leaflet.js, OpenStreetMap). Все данные должны обрабатываться локально, без отправки на сервера.