Город МОСКОВСКИЙ
01:08:50

Определяем ЗОНЫ доставки с React Yandex Maps и его объектом Polygon, входит ли адрес доставки в них

Аватар
Салимов Руслан IT
Просмотры:
29
Дата загрузки:
22.02.2025 21:59
Длительность:
01:08:50
Категория:
Технологии и интернет

Описание

В этом видео продолжим учиться работать с библиотекой @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 Конец и просьба

Рекомендуемые видео