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

Я уже рассказала, как подключить библиотеку yandex_mapkit, чтобы внедрить карту в мобильное приложение, и как создать список точек, которые будут отображаться маркерами на карте.

Библиотека yandex_mapkit предлагает виджет карты, YandexMap, и разные инструменты для работы с ней. Сегодня покажу, как отобразить карту и добавить маркеры объектов на нее.

YandexMap нужно поместить на страницу, где должна находиться карта. Настройки в YandexMap позволяют управлять внешним видом карты и ее функциями. Вот некоторые из них:

1️⃣ nightModeEnabled включает темную тему
2️⃣ zoomGesturesEnabled разрешает масштабировать карту
3️⃣ onCameraPositionChanged обрабатывает перемещения положения карты
4️⃣ onUserLocationAdded позволяет получить местоположение пользователя

Чтобы отобразить маркеры объектов на карте, нужно передать их список в поле mapObjects виджета YandexMap.

 YandexMap(
        mapObjects: mapObjects,
        zoomGesturesEnabled: true,
        nightModeEnabled: true,
        onMapCreated: (controller) {
          // действие при создании карты
        },
        onCameraPositionChanged: (cameraPosition, reason, finished) {
          // действие при изменении положения камеры
        },
        onUserLocationAdded: (view) {
          // действие при определении местоположения пользователя средствами Яндекс карты
        },
      ),

Готово! В следующий раз рассмотрим, как и зачем использовать кластеризацию объектов.

#howtoflutter