Разработка интерактивной карты доставки

Цель проекта

Интеграция интерактивной карты на сайт для наглядного отображения зон обслуживания выездной службы. Карта должна показывать три зоны с разной стоимостью визита.

Технические требования

  • Использовать JavaScript API Яндекс.Карт.
  • Реализовать отрисовку трех многоугольных зон (полигонов) на карте Москвы или другого города.
  • Каждая зона должна иметь свой цвет (основной акцент - фиолетовая гамма).
  • Реализовать информационные окна (балуны) при клике на зону, где будет указана стоимость выезда для этой территории.
  • Интеграция должна работать в рамках бесплатного тарифа API (до 1000 показов в сутки).
  • Готовое решение должно быть легко встроено на сайт.

Эталон для реализации

За основу функционала взять пример карты с зонированием на одном из сайтов ветеринарных услуг (ссылка предоставлена заказчиком). Необходимо повторить логику, но с изменением цветовой схемы и цен.

Требования к коду и сдаче

  • Чистый, документированный код на Java (с использованием Maps API).
  • Адаптивность карты под разные размеры экрана.
  • Работоспособность в основных браузерах (Chrome, Firefox, Safari).
  • Предоставление инструкции по встраиванию карты на сайт.