Интерактивная карта Ярославля с метками и зонированием

Задача

Требуется создать сайт, который запускается локально на ПК. На сайте отображается карта города Ярославля с улицами и домами. Карта поддерживает приближение и отдаление.

Функциональные слои

Слой 1: Освещение (желтые метки)

• Нанести на карту второй слой с желтыми метками, соответствующими расположению уличных фонарей (допустимо нестрогое соответствие реальности).

Слой 2: Автоматические метки районов (красные метки)

• Добавить поля ввода для районов города: «Ленинский район» и «Кировский район».
• При вводе числа в каждое поле на карте появляется соответствующее количество красных меток, равномерно распределенных по территории указанного района.
• Например, «100» в поле Ленинского района создаст 100 красных меток в этом районе.

Слой 3: Ручное добавление красных меток

• На панели инструментов должен быть значок для ручного режима: при его выборе пользователь может кликом добавлять красные метки в произвольные места карты.

Слой 4: Зонирование и суммирование значений

• Третий слой отображает зоны влияния меток на карте.
• Каждая желтая метка (фонарь) имеет базовое значение 0.5 и радиус влияния 2 метра от себя.
• Каждая красная метка (добавленная вручную или автоматически) имеет базовое значение 1 и радиус влияния от 2 до 3 км (на ваше усмотрение, можно фиксировать 2.5 км).
• При пересечении радиусов соседних меток значения суммируются: общая зона перекрытия получает суммарное числовое значение.
• Результат визуализируется в виде тепловой карты или изолиний (как показано в примере 1.png).

Требования к интерфейсу

• Панель инструментов с выбором режима (ручная расстановка, просмотр зон).
• Поля ввода для районов.
• Краткая инструкция для пользователя и описание работы приложения.

Срок выполнения

7 дней с момента утверждения задания.

Дополнительно

Допускается интеграция с готовым решением (например, Leaflet.js, OpenStreetMap). Все данные должны обрабатываться локально, без отправки на сервера.