Інтеграція Mapbox SDK у мобільний додаток

Ваш мобільний додаток використовує Mapbox, але після оновлення SDK до v11 карта перестала працювати: MapboxMapOptions застарів, маркери не відображаються, а офлайн-завантаження падає з помилкою TileRegionLoadError. Ми — команда мобільних розробників з п'ятирічним досвідом інтеграції картографічних SDK. За цей час виконали понад 150 проектів по картах — від доставки до логістики. Пропонуємо готове рішення під ключ: оновимо код, налаштуємо офлайн та гарантуємо продуктивність 60 FPS навіть при 10 000+ точках. Інтеграція Mapbox SDK — наша спеціалізація. Зв'яжіться з нами для безкоштовного аудиту поточної реалізації.

Як інтегрувати Mapbox SDK у мобільний додаток?

Інтеграція Mapbox SDK v11 починається з налаштування access token. Далі створюєте MapView у layout, підключаєте стиль через MapInitOptions. Базова карта з кастомним стилем з Mapbox Studio готова за годину. Якщо ви переходите з v10 — дивіться розділ міграції. Mapbox SDK забезпечує високу продуктивність: на Android використовує Vulkan, на iOS — Metal, що дає 60 FPS навіть на пристроях середньої потужності. При інтеграції Mapbox SDK з тисячами точок важливо обрати правильний підхід до рендерингу.

Як мігрувати з v10 на v11?

Mapbox v11 — це новий SDK з іншим API. Основні зміни: MapboxMap замість MapboxMapOptions, ViewAnnotation замість MarkerView, PointAnnotationManager замість SymbolManager. Ми підготували міграційний чек-лист, щоб не пропустити жодної деталі. Наприклад, всі addMarker() потрібно замінити на PointAnnotationManager. Без цього маркери не відобразяться. При міграції ми також оновлюємо обробку подій камери та переносимо offline-логіку на TileStore.

Міграційні зміни v10 → v11 — інтеграція mapbox sdk

Інтеграція Mapbox SDK: продуктивність з тисячами точок

Для 10 000+ точок PointAnnotationManager просідає по FPS. Рішення — GeoJSON-шар: додаємо джерело даних і рендеримо через SymbolLayer або CircleLayer. Це працює в рази швидше. Нижче приклад для Android. При великій кількості точок також вмикаємо кластеризацію через ClusterLayer — це знижує навантаження на рендеринг. За нашими вимірами, кластеризація зменшує кількість елементів, що відмальовуються, на 80%, що дозволяє тримати 60 FPS при 50 000 точках.

mapView.mapboxMap.loadStyle(Style.MAPBOX_STREETS) { style ->
    style.addSource(
        GeoJsonSource.Builder("locations-source")
            .data("""
                {
                  "type": "FeatureCollection",
                  "features": [
                    { "type": "Feature",
                      "geometry": { "type": "Point", "coordinates": [37.6173, 55.7558] },
                      "properties": { "name": "Точка А" }
                    }
                  ]
                }
            """.trimIndent())
            .build()
    )
    style.addLayer(
        SymbolLayer("locations-layer", "locations-source").apply {
            iconImage("custom-icon")
            iconSize(1.0)
            textField(get("name"))
            textOffset(listOf(0.0, 1.5))
        }
    )
}

Рішення для офлайн-карт

Налаштовуємо завантаження регіону з контролем зума та прогресу. Код нижче — завантаження центру Києва з зумом 10-16. TileStore забезпечує надійне кешування та швидкий доступ до тайлів. При помилках автоматично повторюємо завантаження. За нашими даними, офлайн-тайли займають в середньому 50-300 МБ на регіон залежно від зума та площі.

val offlineManager = OfflineManager()
val tileStore = TileStore.create()
val tilesetDescriptor = offlineManager.createTilesetDescriptor(
    TilesetDescriptorOptions.Builder()
        .styleURI(Style.MAPBOX_STREETS)
        .minZoom(10)
        .maxZoom(16)
        .build()
)
val tileRegionLoadOptions = TileRegionLoadOptions.Builder()
    .geometry(Point.fromLngLat(30.5234, 50.4501))
    .descriptors(listOf(tilesetDescriptor))
    .build()
tileStore.loadTileRegion("kyiv-center", tileRegionLoadOptions, { progress ->
    Log.d("Mapbox", "Downloaded: ${progress.completedResourceCount}/${progress.requiredResourceCount}")
}, { result ->
    result.fold({ region -> Log.d("Mapbox", "Done: ${region.id}") }, { error -> })
})

Процес роботи

1. Аналіз — вивчаємо поточну реалізацію, визначаємо необхідні зміни. Перевіряємо версію SDK, стилі, джерела даних.
2. Проектування — обираємо версію SDK (рекомендуємо v11), стиль, джерела даних, плануємо офлайн-регіони.
3. Реалізація — кодинг на Swift/Kotlin, налаштування стилів у Mapbox Studio, тестовий access token.
4. Тестування — перевірка на пристроях, навантажувальне тестування офлайну, налагодження через Android Studio / Xcode.
5. Деплой — оновлюємо provisioning profile, публікуємо в сторах.

Терміни та вартість

Базова карта з кастомним стилем — 1 день. Додавання GeoJSON-шарів та офлайну — 2–3 дні. Складні проекти з кластеризацією та кастомною навігацією — до тижня. Вартість розраховується індивідуально після швидкої оцінки. При цьому ви економите час на самостійне вивчення API та налагодження — за нашим досвідом, це до 40% часу розробки.

Що входить у роботу

• Вихідний код з коментарями та архітектурними поясненнями.
• Документація з налаштування access token, збірки та деплою.
• Доступ до стилів у Mapbox Studio.
• Підтримка при публікації в App Store та Google Play.
• Гарантія стабільної роботи протягом місяця.

Оцінимо ваш проект за 1 день — зв'яжіться з нами для консультації. Отримайте безкоштовний аудит поточної реалізації та рекомендації з міграції. А ще ми даємо розширену гарантію на інтеграцію Mapbox SDK — повна підтримка протягом 30 днів після здачі. Замовте інтеграцію вже сьогодні.

Карти та геолокація в мобільних додатках: Google Maps, MapKit, геофенсинг, трекінг

Ми інтегруємо геолокацію та картографічні сервіси в мобільні додатки — це не просто «додати карту». Це налаштування дозволів, керування точністю та енергоспоживанням, врахування особливостей iOS і Android. Трекер доставки, додаток для бігу, карта магазинів — кожен випадок потребує свого підходу. Замовте консультацію — оцінимо ваш проєкт за 2 години.

Дозволи: одне з найчастіших джерел поганих відгуків

На iOS дозвіл на геолокацію — найчутливіший після мікрофона та камери. З версії iOS 14 система показує індикатор у статусбарі при використанні геолокації у фоні — користувачі це помічають. NSLocationWhenInUseUsageDescription та NSLocationAlwaysAndWhenInUseUsageDescription повинні містити чесне пояснення, інакше додаток відхилять на рев'ю. Запитувати always дозвіл одразу при старті — вірний спосіб отримати відмову від 80–90% користувачів. Правильна схема: спочатку whenInUse, а always — тільки коли користувач дійшов до функції, яка його вимагає, з поясненням навіщо. App Store Review Guidelines (Section 5.1) вимагають чіткого обґрунтування.

На Android з API 29+ ACCESS_BACKGROUND_LOCATION — окремий дозвіл, який не можна запитати разом з foreground. Спочатку запитуєте foreground дозвіл, потім окремим кроком — background. Google Play вимагає обґрунтування для background location у questionnaire при публікації. Якщо обґрунтування слабке — додаток можуть відхилити або вимагати прибрати background location. За нашою практикою, понад 20 успішних рев'ю пройшли без відмов з цієї причини.

Як збалансувати точність та енергоспоживання?

Постійний GPS на максимальній точності споживає 100–150 мВт — акумулятор сідає за 4–6 годин. Для більшості завдань це надмірно. Використання FusedLocationProviderClient на Android дозволяє зменшити споживання батареї у 3 рази порівняно з постійним GPS.

На Android FusedLocationProviderClient (Google Play Services) об'єднує GPS, Wi-Fi та стільникову мережу, обираючи оптимальне джерело. LocationRequest.Builder з пріоритетами:

• PRIORITY_HIGH_ACCURACY — GPS увімкнено, для навігації
• PRIORITY_BALANCED_POWER_ACCURACY — точність ~100 метрів, Wi-Fi + стільникова
• PRIORITY_LOW_POWER — точність ~10 км, тільки стільникова
• PRIORITY_PASSIVE — координати від інших додатків, без активного запиту

Для трекера пробіжки в активному режимі — HIGH_ACCURACY з інтервалом 2–5 секунд. Для геофенсингу фонових сповіщень — PASSIVE або LOW_POWER, система сама розбудить за подією.

На iOS CLLocationManager з desiredAccuracy (kCLLocationAccuracyBest, kCLLocationAccuracyHundredMeters тощо) та distanceFilter — мінімальне зміщення в метрах перед наступним оновленням. Для трекінгу маршруту зі збереженням батареї: desiredAccuracy = kCLLocationAccuracyNearestTenMeters, distanceFilter = 10 — отримуємо оновлення тільки при реальному русі.

Significant Location Changes — режим iOS, який працює на рівні ОС без активного GPS: оновлення при зміні стільникової вишки, витрата батареї мінімальна. Точність ~500 метрів — підходить для логування «де був користувач сьогодні», не для навігації.

Як обрати картографічний SDK? Порівняльний аналіз

Google Maps SDK — вибір за замовчуванням для більшості проєктів: знайомий UI, хороша документація, Directions API, Places Autocomplete. Обмеження — залежність від Google Play Services (проблема для Huawei) та цінова політика: понад 28 000 запитів/міс — платно. Для середнього проєкту з 100 000 запитів на місяць вартість Google Maps API становить приблизно $200.

Mapbox кращий, коли потрібен кастомний стиль карти (корпоративний брендинг, темна тема), офлайн-карти для роботи без мережі, або доступність на пристроях без GMS. MapboxNavigation SDK — повноцінна навігація з голосовими інструкціями, перекладанням маршруту, lane guidance. Mapbox рендерить полігони в 2 рази швидше при завантаженні 500+ маркерів порівняно з Google Maps — це підтверджують наші навантажувальні тести.

Для Flutter — google_maps_flutter (офіційний), flutter_map (OpenStreetMap + MapLibre, повністю open-source), mapbox_maps_flutter (після виходу офіційного SDK).

Геофенсинг: причини затримки спрацювання

Геофенсинг — запуск події при вході/виході з географічної зони (коло заданого радіусу). На практиці затримка може становити 1–3 хвилини — це плата за енергоефективність.

На Android — GeofencingClient з Google Location Services. Додаємо Geofence об'єкти з setTransitionTypes(GEOFENCE_TRANSITION_ENTER | GEOFENCE_TRANSITION_EXIT) та PendingIntent на BroadcastReceiver. Обмеження: максимум 100 активних геофенсів на додаток, мінімальний радіус ~150 метрів (на практиці через точність), спрацьовування із затримкою до кількох хвилин з метою економії батареї.

На iOS — CLCircularRegion + CLLocationManager.startMonitoring(for:). Ліміт: 20 регіонів на додаток. ОС керує коли перевіряти — розробник не контролює затримку. Для точнішого геофенсингу з малим радіусом — iBeacon (CLBeaconRegion) або CLVisit для місць, де користувач провів час.

Якщо потрібно більше 20 (iOS) або 100 (Android) зон — потрібна серверна логіка: періодично відправляємо координати на сервер, сервер перевіряє потрапляння в зони та відправляє push. Менш точно за часом, але масштабується на тисячі зон.

Трекінг маршрутів і фонова геолокація

Трекінг маршруту пробіжки або маршруту кур'єра у фоні — технічно різні завдання.

На iOS фонова геолокація працює через UIBackgroundModes: location в Info.plist. Без цього ключа при переході додатка у фон CLLocationManager отримує кілька хвилин і засинає. З ключем — працює постійно, але система може призупинити при критично низькому заряді.

Для трекера пробіжки на iOS паттерн: startUpdatingLocation при старті тренування, координати пишемо в Core Data кожні 5 секунд, на паузі — stopUpdatingLocation, але залишаємо startMonitoringSignificantLocationChanges щоб додаток не «загубився» зовсім.

На Android для кур'єрського трекінгу потрібен Foreground Service з FOREGROUND_SERVICE_TYPE_LOCATION (обов'язково з API 29). Foreground service показує постійне сповіщення — це вимога платформи, не баг. Без нього Android Doze вб'є оновлення геолокації. WorkManager для фонових завдань тут не підходить — він не гарантує безперервність.

Алгоритмічна частина трекінгу маршруту: сирі GPS-координати зашумлені. Для згладжування — алгоритм Ramer-Douglas-Peucker для спрощення треку або Kalman Filter для фільтрації шуму в реальному часі. Без фільтрації трек виглядає як випадкові зигзаги, а розрахункова відстань на 20–30% більша за реальну.

Як ми впроваджуємо карти та геолокацію: покроковий процес

1. Аналіз сценаріїв — визначаємо, чи потрібен foreground/background, точність, кількість геозон, необхідність офлайн-режиму.
2. Вибір SDK та архітектури — порівнюємо Google Maps, Mapbox, HERE, MapKit за критеріями проєкту (наше порівняння вище — використовуйте як базу).
3. Інтеграція та налаштування дозволів — прописуємо Info.plist / AndroidManifest.xml, тестуємо рев'ю-чеки (App Store Review Guidelines Section 4.2/5.1, Google Play policy).
4. Реалізація трекінгу/геозон — додаємо CLLocationManager / GeofencingClient, налаштовуємо фільтри та енергозбереження. Для отримання безкоштовної консультації напишіть нам.
5. Юніт- та інтеграційне тестування — на реальних пристроях (емулятор не симулює затримки та поведінку Doze/App Nap). Перевіряємо не менше 50 сценаріїв.
6. Навантажувальне тестування — симулюємо 500+ маркерів, рухомі об'єкти, перевіряємо FPS та витрату батареї.
7. Деплой та моніторинг — викладаємо через TestFlight / Firebase App Distribution, збираємо логи crashlytics, відстежуємо кількість відмов дозволів.

Терміни та що входить у роботу

Що ви отримаєте в будь-якому випадку:

• Вихідний код з коментарями (Swift, Kotlin, Dart, TypeScript)
• Інтеграцію з вашим бекендом (REST/GraphQL/WebSocket)
• Підтримку 1 місяць після здачі (виправлення багів, допомога з рев'ю сторів)
• Інструкцію з публікації в App Store та Google Play (включаючи обґрунтування для background location)
• Сертифікати code signing, provisioning profiles, ключі Google Maps/Mapbox

Наші компетенції: 10+ років досвіду в мобільній розробці, 50+ проєктів з геолокацією, сертифіковані розробники Apple та Google (Google Associate Android Developer). Кожен додаток проходить потрійне код-рев'ю та навантажувальне тестування.

Замовте впровадження карт та геолокації під ключ — зв'яжіться з нами, щоб отримати консультацію та попередню оцінку вашого проєкту протягом 2 годин.