Размещение камер на Google maps с отрисовкой угла обзора
Требуется написание JS скрипта интеграции с Google Maps - размещение камер наблюдение с указанием их угла обзора
Оригинальное исполнение можно найти на сайте
https://mapcam.info/speedcam/
# Создание объекта
создание объекта при клике на карте и привязки его к координатам
возможность перемещать объект по карте
возможность менять направление обзора камеры
возможность менять угла обзора (угол сегмента)
в результате формируется JSON с данными об это объекте
# Отображение объектов
из JSON парсятся данные об объектах
в результате объекты обрисовываются на карте
т.к. скрипт без бэкэнда, данные о созданном объекте можно выводить в консоль, а JSON с объектами - явно захардкодить в демо.
Каждый объект представляет собой png картинку
- квадрат, размер 48х48 px
Из центра картинки отрисовывается сектор круга
- угол сегмента по умолчанию 40 градусов
- радиус ~500 px при максимальном приближении карты
- при изменении масштаба карты сегмент пропорционально изменяется
- минимальный угол 5 градусов, максимальный 360
- длина сегмента регулируется "точкой" на центральной линией
- поворот сегмента регулируется "точкой" на центральной линией
- угол сегмента регулируется "точкой" на боковой линии
Добавление объекта
https://youtu.be/eiu3CsXjmMo
Отображание объекторв на карте
https://youtu.be/Vu0XOaxVLBM