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

Задача

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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