ru24.pro
Все новости
Июль
2024

Работа с Google Maps в Angular

0
нужно в новом пустом проекте с Angular сделать 4 задачи, связанные с Google Maps. Каждая задача в отдельном компоненте:

компонент 1.показывать окно с картами, где маркер всегда по середине, и двигая карту маркер остается по центру.

дополнительно:
a)нужно убрать все лишние элементы (кнопку просмотра улиц, и прочие, оставить только увеличение/отдаление
).
b)при открытии карты должна открываться заданная страна
c)выбранная локация (longitude и latitude
) должна отображаться в отдельном инпуте

компонент 2.показывать окно с картами, где можно выбирать зону (DrawingManager).

дополнительно:
a)нужно убрать все лишние элементы (кнопку просмотра улиц, и прочие, оставить только увеличение/отдаление
).
b)при открытии карты должна открываться заданная страна
c)нужно сделать дополнительные 2 кнопки, которые будут отвечать за выбор зоны и удаление выбранной зоны.
d)далее массив координатов полигона (зоны) нужно сериализовать в JSON, и выводить также в отедльное поле.

компонент 3.имея координаты полигона и отдельную точку сравнивать, попадает ли точка в зону полигона.
дополнительно:
a)для координатов полигона и для отдельной точки сделать 2 отдельных поля для ввода (для полигона это должен быть json как в компоненте 2, и результат, который будет отдавать true/false, взависимости от того, попадает ли точка в полигон.
b)проверка на то, попадает ли точка в зону полигона должна быть сделана локально, без отдельного запроса в гугл карты. для этого можно использовать Turf.js или что-то подобное.

компонент 4.имея конкретные координаты (любые для примера) полигона, показывать окно с картами и выбранным полигоном.


для гугл карт нужно использовать библиотеку @angular/google-maps

в отклике просьба указывать цену и срок, думаю ТЗ понятное