Яндекс Карты в React Native вместо Google Maps — открытый код для мобильных приложений
Кому полезно: доставкам, агрегаторам такси, торгово-розничным сетям, интернет-магазинам с пунктами выдачи, сетевым общепитам.
Если при разработке мобильного приложения на React Native вы используете Google Maps, то у вас есть две проблемы:
- оплата невозможна;
- Google могут заблокировать в России.
Вам нужно решение, которое подойдёт для разных задач: установки маркеров, геокодинга, построения маршрутов.
Попробуйте Яндекс Карты, ниже мы поделимся готовым решением для вашей команды разработки.
Сильные стороны Яндекса
- Детализация. На карте России и СНГ больше адресов и они точнее.
- Одна цена на все продукты: Static API, MapKit SDK, JavaScript API и Геокодер.
Как всё случилось
Три года назад мы разрабатывали клиентское приложение, где использовался Yandex MapKit.
Yandex MapKit – это программная библиотека картографических данных
Создавать приложение решили на React Native, чтобы сэкономить время, но это потребовало адаптировать MapKit к iOS и Android. Результат работы – библиотека с открытым исходным кодом “react-native-yamap”, который используем в разработке и сегодня.
В течение трёх лет Яндекс Карты менялись. К нам приходили другие заказчики с новыми задачами для MapKit: нужно было реализовать геокодинг, научить код строить маршруты или проставлять кастомные маркеры. С наращиванием этих запросов библиотека усложнялась.
Так появилась версия кода 4.0.0
Готовое решение React Native-Yandex Map
Репозиторий доступен на GitHub – там выложен бесплатный открытый код для разработчиков на React Native.
Что нужно, чтобы использовать код у вас в приложении:
1. Установить зависимость с Яндекс Картами через пакетный менеджер
2. Получить API Ключ в Личном кабинете Яндекса
3. Инициализировать библиотеку с этим API Ключом
Возникли трудности?
Напишите нам, если нужны дополнительные фичи, мы можем сделать их в свободное от работы время и выложить в открытый доступ. Горят сроки по проекту? Возьмём запрос на доработку библиотеки в рабочее время.
Если у вас нет своей команды и в приложении нужны Яндекс Карты, мы готовы взять проект в работу.
спасибо, попробуем! очень актуальная тема сейчас. буквально прямо сейчас 4 приложения в очереди на смену картографического сервиса
Если будут вопросы по нашему коду или в целом, пишите в комментах. Подскажем
Приветствую!
В прошлом году купил плагин (Вордпресс) для которого необходим ключ Google Maps, естественно ключ мой отвалился как и у других в России. Хотел бы узнать можно место Google Maps использовать к примеру Яндекс.
Вот этот плагин: https://codecanyon.net/item/quickcab-woocommerce-taxi-booking-plugin/23798539
Здравствуйте. Передали вопрос разработчикам, напишем, как будет ответ
Написали в личные сообщения
Комментарий недоступен
Как использовать балуны? Либо какой-то способ сделать callout/tooltip?