Определяем ЗОНЫ доставки с React Yandex Maps и его объектом Polygon, входит ли адрес доставки в них
Описание
В этом видео продолжим учиться работать с библиотекой @pbe/react-yandex-maps — это обертка для API Яндекс.Карт, которая позволяет отображать карты Яндекса в вашем React приложении с минимальными усилиями
Изучим гео-объект Polygone, будем "рисовать" свои полигоны ввиде ЗОН ДОСТАВКИ прямо на карте, научимся их редактировать, добавлять новые точки к полигонам и самое главное - научимся определять вхождение метки в зоны нашей доставки!
Стартовый проект для работы с картами:
https://github.com/Salimov-dev/yandex-maps-start
Репа готового проекта из видео:
https://github.com/Salimov-dev/react-yandex-maps-polygon-public
Яндекс кабинет разработчика:
https://developer.tech.yandex.ru/services/3
React Yandex Maps:
https://pbe-react-yandex-maps.vercel.app
Примеры определения координат:
https://yandex.ru/map-constructor/location-tool/
Типизация карт:
npm i @types/yandex-maps
Мой ТГ: https://t.me/Rogooo
Мой канал на youtube: https://www.youtube.com/@salimov-dev
00:00 Вступление
01:58 Устанавливаем и знакомимся со стартовым проектом
05:50 Знакомство с Polygon
08:49 Готовим стартовый проект к работе
12:46 Создаем первый Polygon
19:09 Редактируем точки и площадь Polygon
26:20 Добавление новых точек в Polygon
32:30 Добавляем имя и цвет Polygon
39:01 Делаем множество Polygons
46:40 Добавляем selector для выбора Polygon
50:13 Редактируем определенный Polygon из select
58:06 Определяем вхождение Метки в границы Polygon
01:07 Конец и просьба
Рекомендуемые видео




















