ExtMap Touch Mobil Web Harita Alt Yapısı

MMekansal olarak ExtMap ile başladığımız yola sonrasında iOS (iPhone) uygulaması olan iExtMap ile devam ettik. Aslında mobil bir uygulama yazmıştık ama yazdığımız uygulama “native” bir uygulama olduğu için sadece iOS cihazlarda çalışmaktaydı. Biz de Sencha Touch ile HTML5/JavaScript ve CSS3′ün getirdiği avantajları kullanarak ExtMap Touch’u yazdık.

ExtMap Touch’ı yazma sebeplerimizin başında yukarıda da bahsettiğimiz gibi her platformda çalışacak bir mobil CBS uygulaması yazmaktı ki bu noktada Mobil Web en uygun platform olacaktı. Çünkü günümüzdeki popüler mobil platformlar; iOS, Android, WebOS, Bada, BlackBerry ve Symbian vb. web tarayıcı için Apple’in açık kaynak olarak geliştirdiği WebKit motorunu kullanmaktalar. Durum böyle olunca web geliştiricinin hayali olan tek bir tarayıcı için geliştirme yapmak gerçekleşmiş oluyor. Tabi bu noktada bütün platformlarda aynı tip WebKit fonksiyonları da bulunmayabiliyor, yani uygulamanızın kesin çalışacağı garantisi maalesef olmamakta ama gelecekte aynı motoru kullandıkları için ortak bir payda da birleşeceklerini umut etmekteyiz.

WebKit’in mobil ortamlarda defakto standart olmasının yanı sıra HTML5′e tam destek vermesi de yeni nesil uygulamalar için süper yetenekler anlamına geliyor. Örneğin ExtMap Touch’da kullanıcının eklediği katmanlar, favori noktalar ve son kaldığı nokta ile harita tipi tarayıcıda WebSQL ve LocalStorage aracılığı ile saklanıyor, böylelikle kullanıcı sonraki ziyaretinde aynı yerden devam ediyor. Üstelik sunucu tarafında hiçbirşey tutulmadan.

Uygulamada altlık harita olarak
* Google Maps
* Bing Maps
* Open Street Maps
* Boş (kendi altlık haritanız için)
olmak üzere 4 farklı kaynaktan beslenmekte.

Uygulamanın fonksiyonlarına gelirsek :
* Dinamik olarak katman ekleme (ArcGIS Server katmanları, WMS, KML/GeoRSS ve Tile Servisleri)
* GeoLocation (kullanıcının mevcut pozisyonunu alır)
* Yaklaş / Uzaklaş
* ArcGIS Server Katmanlarında sorgu yapma
* Favori nokta ekle/gör
* Enlem-Boylam ve yükseklik gör
* Girilen Enlem-Boylam’a git
* Adres bulma (Geocoding-Reverse Geocoding)

Uygulama kapsamında hem HTML5 hem de CSS3 teknolojileri JavaScript ile iç içe kullanıldı. Öyle ki harita değişimleri arasında CSS3′ün 3-Boyut geçiş efektleri kullanıldı. Uygulama ilgili detaylara aşağıdaki bağlantıdan ulaşabilirsiniz.

Uygulamanın Demo Adresi : www.extmap.com/touch
ExtMap’in Genel Adresi : www.extmap.com

Uygulamanın Videosu :