ArcGIS Web API' ye giriş - Muhammed Sami Marufoğlu
Muhammed Sami Marufoglu
ArcGIS Web API, ESRI fimasının Web tabanlı harita projeleri geliştirebilmemiz için geliştirmiş oldukları bir kütüphanedir. Bu yazımızda bu kütüphaneyi kullanarak ilk projemizi oluşturacağız.
İlk olarak basit html yapısını oluşturalım.
ArcGIS API ile çalışabilmemiz için gerekli link ve script dosyalarımızı <head> etiketimizin içerisine dahil edelim.
Şimdi <body> etiketimizin içerisine harita objemizi yansıtacağımız bir bölüm tanımlıyoruz.
Bir sonraki adımımız modüllerin projeye dahil edilmesi.
Aşağıda tanımladığımız global require fonksiyonu, projemize modülleri yüklemek için kullanılır. Bu fonksiyon içerisinde ilk parametre modül yolunu, ikinci parametre ilgili tanımlamalarımızı yazmamızı sağlayacak. Modül listesine buradan ulaşabilirsiniz.
DOM ' un kullanılabilirliğinin kontrolü
Fonksiyondaki dojo/domReady! ifadesi yazılan kodları çalıştırmadan önce DOM'un kullanılabilirlik durumunu kontrol ediyor.
Bu kontrolümüzden sonra artık haritamızı tanımlayabiliriz.
//harita katmanının tanımlanması ("satellite", "hybrid", "topo", "gray", "oceans", "osm", "national-geographic")
//merkez koordinatı (boylam,enlem şeklinde)
//harita zoom seviyesi
Öncelikle map adında bir değişken tanımlıyoruz. Global require fonksiyonumuzda dosya yolu ve DOM kontrolünü de yapıp haritamızı tanımlayacağımız Map() fonksiyonunu yazıyoruz. Map fonksiyonunun yapısı aşağıdaki gibidir.
Bu fonksiyonun ilk parametresi <body> etiketimizin içerisine açtığımız bölümün id sini, ikinci parametresi ise harita katmanı, harita merkez koordinatları ve harita zoom seviyesi gibi tanımlamaları içeriyor. İlgili diğer tanımlamalara buradan ulaşabilirsiniz.
Şu ana kadar anlattıklarımızın uygulamasını aşağıda önizleyebilirsiniz. Umarım faydalı bir yazı olmuştur. İyi kodlamalar..
See the Pen ArcGIS Web API' ye giriş by Muhammed Sami Marufoglu (@marufoglu) on CodePen.
Jenna Andrew Mar 23, 2016 at 10:35 Reply
Hello! My name is Jenna Andrew and i love to write on different topics like Lifestyle, Health and Technologies.
© - Copyright 2018 - All rights reserved