Яндекс Карты в React Native вместо Google Maps — открытый код для мобильных приложений

Кому полезно: доставкам, агрегаторам такси, торгово-розничным сетям, интернет-магазинам с пунктами выдачи, сетевым общепитам.

Яндекс Карты в 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 Ключом

Возникли трудности?

Напишите нам, если нужны дополнительные фичи, мы можем сделать их в свободное от работы время и выложить в открытый доступ. Горят сроки по проекту? Возьмём запрос на доработку библиотеки в рабочее время.

Если у вас нет своей команды и в приложении нужны Яндекс Карты, мы готовы взять проект в работу.

1212
32 комментария

спасибо, попробуем! очень актуальная тема сейчас. буквально прямо сейчас 4 приложения в очереди на смену картографического сервиса

1
Ответить
Автор

Если будут вопросы по нашему коду или в целом, пишите в комментах. Подскажем

1
Ответить

Приветствую!

В прошлом году купил плагин (Вордпресс) для которого необходим ключ Google Maps, естественно ключ мой отвалился как и у других в России. Хотел бы узнать можно место Google Maps использовать к примеру Яндекс.

Вот этот плагин: https://codecanyon.net/item/quickcab-woocommerce-taxi-booking-plugin/23798539

1
Ответить
Автор

Здравствуйте. Передали вопрос разработчикам, напишем, как будет ответ

1
Ответить
Автор

Написали в личные сообщения

1
Ответить

Комментарий недоступен

1
Ответить

Как использовать балуны? Либо какой-то способ сделать callout/tooltip?

Ответить