Flutter Friendly: “Привет, это Анна, Team Lead Flutter-команды Friflex Сегодня открываю м…”

Привет, это Анна, Team Lead Flutter-команды Friflex

Сегодня открываю месяц навигации на этом канале — весь октябрь вместе с коллегами буду делиться опытом интеграции карт в мобильные приложения. Начну с Яндекс Карт.

Чтобы подключить Яндекс Карты к приложению на Flutter, установим плагин yandex_mapkit. Это можно сделать в три шага:

Шаг 1. Подготавливаем и добавляем зависимости в pubspec.yaml


  flutter:
    sdk: flutter
  yandex_mapkit: ^4.1.0

Выполняем команду flutter pub get

Шаг 2. Настраиваем Yandex MapKit на Android

1. Открываем файл android/build.gradle и указываем вариант нативной библиотеки full/lite:

yandexMapkit.variant=<YOUR_DESIRED_VARIANT>

2. В файле MainApplication.java или MainApplication.kt указываем локализацию и ключ API:


MapKitFactory.setLocale("YOUR_LOCALE");
MapKitFactory.setApiKey("YOUR_API_KEY");

3. В файле AndroidManifest.xml указываем разрешения:


<uses-permission android:name="android.permission.INTERNET"/>
 <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />

Шаг 3. Настраиваем Yandex MapKit на iOS

1. Открываем файл AppDelegate.swift и указываем локализацию и API ключ:


YMKMapKit.setApiKey("YOUR_API_KEY")

2. В файле Podfile раскомментируем строку platform :ios, '12.0' и здесь же добавляем конфигурацию нативной библиотеки full/lite:


ENV['YANDEX_MAPKIT_VARIANT'] = '<YOUR_DESIRED_VARIANT>'

Готово, все зависимости настроены. Можно начинать писать код для отображения карты, но об этом я расскажу в следующий раз 🤞

#howtoflutter