API & LibraryComposeUI/UX

Compose ile Harita Kullanımı

Harita ve konum teknolojileri ile hayatımızdaki birçok probleme çözüm sağlayarak işlerimizi kolaylaştırıyoruz. Bu yüzden yazılım projelerimizde harita kullanımı çok önemlidir.

Bu makale, Compose yapısında harita(maps) oluşturmayı ve konum bilgisini kullanmayı örnekleyecektir.

Örnek projemizi için sırasıyla ayar adımlarını ve kodlarımızı uygulayalım.

1- Google Play Services Yükleme

Google haritayla ilgili bir geliştirme yapacağımızdan dolayı, Google Play Services yüklememiz gerekmektedir. Bunun için Tools->Sdk manager’ı açıp Sdk Tools bölümünden Google Play Services işaretleyip, yükleme işlemini gerçekleştirin.

2- Google Maps API Key Oluşturma

Google Cloud sitesinde API Key oluşturma adımları video anlatmış bulunmaktayım. Videoda Direction API yerine Maps SDK for Android kütüphanesini aktif etmenizi öneririm.

3-Gerekli Kütüphanelerin Eklenmesi

Android Studio Ide ile oluşturduğum projemin app dizinin altındaki build.gradle dosyasını açıyoruz. Dependencies kod bloklarının arasına aşağıdaki kodları yerleştirerek Google Play services kütüphanesini yüklüyoruz.

 

Diğer bir önemli konu build.gradle dosyalarınızda belirtilen compose versiyonunun minimum 1.2.0 olmasıdır. Compose Compiler versiyonlarına uyumlu kotlin versiyonlarına dikkat ediniz

  1. Proje ana dizinindeki build.gradle dosyanızı açın.
    Bu build.gradle dosyasında plugins kodları arasında  org.jetbrains.kotlin.android  version ‘1.7.0’ olmalıdır.
  2. Projemin app dizinin altındaki build.gradle dosyasında  kotlinCompilerExtensionVersion   ‘1.2.0’ olmalıdır.

4-AndroidManifest Dosyasına İlgili Ayarları Ekleme

Belirtilecek konumun yer bilgisini almak için internet iznine ihtiyaç bulunmaktadır. Aşağıdaki izin kodunu da AndroidManifest.xml dosyasında application tag’nin üst kısmına yerleştirin.

AndroidManifest dosyasına, daha önce üretmiş olduğumuz Google API Key’i ekleme işlemini yapacağız. Application tag arasına aşağıda görmüş olduğunuz meta-data tag kodunun içindeki value özelliğine Google API Key’i ekleyeniz.

5- Haritayı Compose’da Uygulama

 

Proje kodlarına github linkinden ulaşabilirsiniz.

Bülten
Bültene abone ol

Bültene abone olarak yeni makalelerimden haberdar olun.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir