Определяем радиус доставки с React Yandex Maps и его объектом Circle

Описание

В этом видео продолжим учиться работать с библиотекой @pbe/react-yandex-maps — это обертка для API Яндекс.Карт, которая позволяет отображать карты Яндекса в вашем React приложении с минимальными усилиями

Изучим гео-объект Circle, будем определять входит ли метка в зону доставки (в радиус объекта Circle)

Стартовый проект для работы с картами:
https://github.com/Salimov-dev/yandex-maps-start

Репа готового проекта из видео:
https://github.com/Salimov-dev/react-yandex-maps-circle

Яндекс кабинет разработчика:
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:05 Устанавливаем и знакомимся со стартовым проектом
04:17 Начинаем работать с Circle
09:31 Определяем вхождение в радиус Circle
12:54 Выводим на экран результат вхождения
14:40 Исправляем ошибки
16:50 Конец