Huawei Map Kit Kullanarak Harita Uygulaması Geliştirmek - 2

Merhaba arkadaşlar size bu yazımda Huawei Map kit ile harita uygulamamızı nasıl daha fazla detaylandırabiliriz bundan bahsedeceğim. Öncelikle Huawei Map Kit & Site Kit hakkında ki yazımı okumanızı tavsiye ederim 🔗. Bir önceki yazımda oluşturduğumuz proje üzerinden giderek navigasyon uygulamamızı detaylandıracağız 😊


Detaylandırmaya şuradan başlayabiliriz; bir önceki yazıda bulunan projede görmüş olduğunuz üzere bir su şisesi ikonu bulunuyordu. Bu ikonu değiştirebiliyorsunuz peki ikona tıkladığımızda o yerin detaylarını bir pop up yardımıyla yazdırabilir miyiz? Evet yazdırabiliriz 🎉 şimdi size bunu anlatacağım.


Kullancağımız pop up layout'u şu şekilde; (siz bu layout'u kendi projenizin ihtiyaçları doğrultusunda değiştirip kullanabilirsiniz.)



Marker'a basılınca ortaya çıkan örnek bir pop-up layout'u:



Daha önceki yazımda kullandığımız proje üzerinden ilerleyerek Maps Activity kısmına şu fonksiyonları ekliyoruz.



Daha önceden Site Kit ile aldığımız yer bilgileri (isim, adres ve diğer benzer bilgiler) isim bilgisini title text kısmına, adres bilgisini address text kısmına set ediyoruz. Direction text kısmını ise click listener fonksiyonu ekleyerek kullanabiliyoruz. (Yaptırmak istediğiniz herhangi bir işlemi atayabilirsiniz).


Eğer ki kullanıcı konumunun etrafına bir daire veya farklı bir şekil çizdirmek isterseniz örnek daire çizdirme fonksiyonunu sizinle paylaşayım.



Örnek daire çizdirme:


Bu linkte daha fazla haritaya çizdirme detayı, kişiselleştirme detayı bulabilirsiniz 🔗

StrokeWidth ile daire çizgisinin kalınlığını belirleyebiliyorsunuz. Radius ile daire'nin büyüklüğünü belirleyebiliyorsunuz.


İsterseniz Daha büyük bir alana overlay bir resim de ekleme imkanımız bulunuyor.



<= Örnek Overlay görünümü



















Eğer birden fazla Marker'ınız var ise:


Bu konumları tek bir çatı altında gösterebiliyorsunuz. Kullanıcı yakınlaştırma yaptığı sürece bu marker'lar ortaya çıkacaktır. Örneğin:




Eğer haritanıza animasyon ekleyecekseniz, şu kodu kullanmanız gerekmektedir:




Eğer haritanızın ana renklerini değiştirmek istiyorsanız, misal haritaları kullandıysanız dikkatinizi çekmiştir, gün aydınken harita arka planı beyaz gün karanlıkken arka plan siyah veya gece mavisidir. Bunu ise Huawei Maps'te şu şekilde yapabilirsiniz:


  1. Bunun için öncelikle mapstyle_example.json adında bir dosya oluşturmanız gerekmekte.

2. Json dosyasını MapStyleOptions nesnesi olarak HuaweiMap'e yüklemeniz gerekmekte. Bunun için loadRawResourceStyle() methodunu kullanmamız gereklidir. Devamında setMap() methodunu kullandığımızda haritamızdaki stil değişikliğine ulaşacağız.




Örnek olarak sizinle iki json dosyası paylaşıyorum buna göre bir çok kombinasyon ile haritanıza stiller verebilirsiniz. 🔗🔗


Stillendirme hakkında daha fazla bilgi almak için Huawei Maps Dökümantasyonuna ulaşabilirsiniz 🔗


Şimdilik size map kitte UI kısımlarının özelleştirilmesini anlattım. İlerleyen zamanlar da Map Kit'te navigasyon işlemlerini nasıl gerçekleştireceğimizi anlatacağım. Herhangi bir sorunuz var ise mahmutcansevin@yahoo.com veya Huawei Developers Forum üzerinden 🔗 sorabilirsiniz.


Github: https://github.com/can-sevin/walknoti


Yararlandığım Kaynaklar:


Huawei Developers Map Kit: 🔗

Huawei Developers Site Kit: 🔗

Huawei Developers Medium Sayfası: 🔗


#Huawei #HuaweiMapKit #HuaweiSiteKit #HuaweiMap


Komünite

Platform

Mobiler.dev Anasayfa
  • Twitter
  • Instagram
  • development_düzenlendi_düzenlendi
  • Youtube
  • slack-icon-black_edited_edited_edited
  • Gri LinkedIn Simge
JetBrains Hakkında Detaylı Bilgi Alın

© 2020 by mobiler.dev

mobilerdevLogo.jpg
Yazarlık Başvurusu Hakkında Bilgi Alın, Başvuru Yapın.
Topluluk Yazarlarını Tanıyın