Jetpack Compose ile Huawei Map Kit’e Marker Eklemek

Bayar Şahintekin
Huawei Developers - Türkiye
3 min readJun 22, 2022
Huawei Map Kit

Giriş

Hello World,

Bu yazımda Huawei Map Kit ile Jetpack Compose nasıl bir arada kullanılır göstermeye çalışacağım. Ayrıca Jetpack Compose ile Map’e nasıl marker ekleyeceğinizi göstereceğim.

Ek olarak bir demo projesi geliştirdim.

Huawei Map Kit Hakkında

Map Kit, kişiselleştirilmiş harita gösterimini ve etkileşimi kolaylıkla uygulamanız için güçlü ve kullanışlı harita hizmetleri sağlar.

Android: Android için Map SDK’sı, haritalar geliştirmek için çağrılabilecek bir dizi API’dir. Bu SDK’yı, harita görüntüleme, harita etkileşimi, harita çizimi ve harita stili dahil olmak üzere Android uygulamanıza haritayla ilgili işlevleri kolayca eklemek için kullanabilirsiniz.

Map Kit

Jetpack Compose Hakkında

Jetpack Compose, Android’in yerel kullanıcı arabirimi oluşturmaya yönelik modern araç takımıdır. Android’de kullanıcı arabirimi geliştirmeyi basitleştirir ve hızlandırır. Daha az kod, güçlü araçlar ve sezgisel Kotlin API’leriyle uygulamanızı hızla hayata geçirin.

Jetpack Compose

Entegrasyon Süreci

1.HMS Core Entegrasyonu
2.Huawei Map Kit Entegrasyonu
3.Jetpack Compose Entegrasyonu
4.Kodlama
5.Sonuç
6.Referanslar

1. HMS Core Entegrasyonu

Huawei cihazlarına ve Android platformuna dayanan HMS Core, uygulama geliştiricilerine çeşitli hizmet yetenekleri sunan bir mobil hizmet çerçevesidir. Huawei son kullanıcıları için HUAWEI Kimliği, ödemeler ve Bildirimler gibi temel hizmetler sağlar.

MapKit’i projemizde kullanabilmek için HMS Core’u entegre etmemiz gerekiyor.

Resmi entegrasyon süreci dökümanı:

2. Map Kit Entegrasyonu

Resmi entegrasyon süreci dökümanı:

3.Jetpack Compose Entegrasyonu

3.1. build.gradle(project seviyesinde) dosyasına dependency ekle

3.2. Kotlin kullandığına emin ol

3.3.build.gradle(app seviyesinde) dosyasını ayarla

3.4. Jetpack compose dependency’leri ekle

4. Kodlama

HMS Core, Map Kit, and Jetpack Compose entegrasyonlarından sonra;

  • Bir Map Compose View oluşturmalıyız.
  • Daha sonra Map View’ın yaşam döngüsünü yönetmemiz gerekir.
  • Map Compose View kullanımı
  • Theme

5. Sonuç

Result

Sonuç

Bu yazımda Map Kit ile Jetpack Compose kullanımını anlatmaya çalıştım.Umarım faydalı bir yazı olmuştur

6. Referanslar

Github link: https://github.com/bayarsahintekin0/MapKitComposeMarker

https://developer.android.com/jetpack/compose?gclid=CjwKCAjwyryUBhBSEiwAGN5OCIcpcXa1jfpcTicN_jmDD9KgrGzszja6scjpghQ5X6X6N4gKiWyODhoCcDsQAvD_BwE&gclsrc=aw.ds

https://developer.huawei.com/en/

--

--