ArcGIS API for JavaScript ile 3B Sahnelerinizi Bir Üst Seviyeye Taşıyın

ArcGIS API for JavaScript ile 3B Sahnelerinizi Bir Üst Seviyeye Taşıyın

ArcGIS API for JavaScript

ArcGIS API for JavaScrip harita ve 3 boyutlu içerikleri özel web uygulamalarında kullanmak için tasarlanmıştır. Geliştirilecek uygulamada bulunmasını istediğiniz içerikleri kendi ArcGIS Online hesabınızdan ve ya kuruluşunuzun sunucularından seçebilirsiniz. Seçtiğiniz içerikleri mobil ve web ortamında kullanabileceğiniz uygulamalar geliştirebilmek ile birlikte coğrafi kodlama,düzenleme,sorgulama gibi ek özellikleri  uygulamalarınızda kullanabilirsiniz.

ArcGIS API for JavaScript ile 3 boyutlu içerikleri bir ileri seviyeye taşıyarak aşağıdaki sahneye dönüştürebilirsiniz.

Örnek çalışma

3B İçerik Oluşturma

Öncelikle böyle bir görüntüyü elde etmek için ilk yapmamız gereken, bir 3 boyutlu içerik oluşturmak. Esri platformunda bulunan 3 boyutlu yetenekler, size içeriklerin oluşturulması için etkileyici seçenekler sunmaktadır. Bu seçeneklerin başında kural tabanlı modelleme ve birçok veri tipi ile entegre çalışabilme özelliğine sahip olan CityEngine yazılımı bulunmaktadır. Daha önceki blog yazılarımızda CityEngine yazılımının 3B modelleme süreçlerinde sağladığı faydalardan ve devasa kentsel ortamların nasıl oluşturulduğundan bahsettik, buraya tıklayarak yazılarımıza ulaşabilirsiniz

Platformun genelinde bulunan 3 boyutlu yeteneklere ise bu linkten ulaşabilirsiniz.

3B İçeriklerin ArcGIS API for JavaScript ile Web Uygulamalarına Eklenmesi

Oluşturduğumuz içerikleri ArcGIS API for JavaScript ile geliştirmekte olduğumuz uygulamalara eklemek için ArcGIS Online hesabında ve ya kuruluş hesabında paylaşmamız gerekmekte. Uygulamamız içerisinde bulunan sahneye aşağıdaki veri türleri eklenebilmektedir.

  • Yükseklik verisi
  • 3B özellik katmanları
  • 3B semboller
  • Indexed 3D Scene Layers (I3S)
    • 3B objeler
    • Sürekli yüzeyler
    • Nokta bulutları
    • 3B noktalar
    • BIM (Yapı Bilgi Sistemleri) modelleri

I3S in ne olduğu ve web cbs süreçlerine sağladığı katkıları bu linke tıklayarak inceleyebilirsiniz.

İçerikleri ArcGIS Online hesabında paylaştıktan sonra ArcGIS API for JavaScript ile sahnelere eklenmesine işlemlerine adım adım bakabiliriz.

  1. JavaScript Starter App uygulamasını Codepen platformunda açalım.
  2. require ve function kısımlarına  SceneView ve FeatureLayer modüllerini ekleyelim.
    •     require([
            "esri/Map",
            "esri/views/SceneView",
            "esri/layers/FeatureLayer"
          ], function(Map, SceneView, FeatureLayer) {
  3. Sonrasında içeriğin servis url’sini kullanarak sahneye ekleyebiliriz.

İçerikleri sahneye ekledikten sonra görsel anlamda geliştirebiliriz, ilk olarak bina modellerinin kenarlarını daha belirgin hale getirerek başlayabiliriz. Kenar çizgileri sahnedeki modelleri daha belirgin hale getirmek, sahne kontrastını ve derinlik algısını büyük ölçüde arttırmak için 3B modellerin ve sürekli yüzeylerin ana hatlarını belirgin hale getirmektedir. SolidEdges3D ile oluşturulan kenar çizgileri ile sahnedeki modeller üzerinde farklı kenar renkleri ve kenar boyutları kullanabiliriz. Ayrıca elle çizilmiş bir görünüm için SketchEdges3D seçeneğini kullanabiliriz.

Kenar çizgileri aktif edilmemiş şehir modeli

Örnek şehir modelimizde elle çizilmiş hissi vermesi için “sketch” tipinini kullandık.  Aşağıdaki konfigürasyonlar ile bu özelliği aktif hale getirebilirsiniz..

const edges = {
  type: "sketch",
  color: [0, 0, 0, 0.65],
  extensionLength: 10,
  size: "1pt"
}

Kenarların rengini, kenar çizgilerinin kalınlığını ve kenar tipi gibi değerleri sahnedeki modellerin seviyelerine göre değiştirebilirsiniz. Örnek sahnede bulunan binaların kenar çizgileri arka plan görüntüsü, bina renkleri ve animasyon geçişleri gibi ek özellikler eklenmiştir, resme tıklayarak sahneye inceleyebilirsiniz

3B içerikleri oluşturduktan sonra ArcGIS API for JavaScript’i kullanarak etkileyici web ve mobil uygulamaları oluşturabiliriz. İlerleyen zamanlarda ArcGIS API for JavaScript ile 3B sahneler üzerinde analizlerin nasıl yapıldığı ve farklı görselleştirme yeteneklerinden bahsedeceğiz. ArcGIS API for JavaScript ile ilgili ayrıntılı bilgi için linke tıklayabilirsiniz.

Esri Türkiye 2019

I3S Nedir,Web CBS Teknolojisine Ne Kolaylıklar Sağlar

I3S Nedir,Web CBS Teknolojisine Ne Kolaylıklar Sağlar

I3S Nedir ?

I3S, 3 boyutlu coğrafi içerikleri paylaşmak için kullanılan bir OGC* standardıdır. Esri, ArcGIS platformunda 3B yetenekleri ileri seviyede desteklemekle birlikte, Indexed 3D Scene (I3S) adı verilen 3 boytlu içeriklerin paylaşılması için bu açık standardı desteklemektedir. I3S hizmeti, Sahne Katmanı Paketi’ni (.SLPK) biçimlendirerek çok büyük 3B veri kümelerinin depolanması ve görselleştirilmesi için tasarlanmıştır. I3S bir web servisi olarak çalışıyor ve .SLPK formatı bu web yayınının kaynak formatıdır. Katman türleri arasında 3 boyutlu herhangi bir nesne, mesh dosyası( Örnek:Pointcloud’lardan elde edilen 3B modeller) Nokta Bulutu ve 3B nokta katmanları bulunmaktadır.

OGC, Web Feature Service (WFS) ve Web Map Service (WMS) gibi yaygın olarak kullanılan formatlar tarafından desteklenen  uluslararası kabul görmüş bir standartlar bütünüdür.

3B Nesne (3D Object Scene Layer Package)

İstanbul örneğindeki gibi 3b nesne katmanları, farklı özniteliklere sahip ayrı 3B geometrileri içermektedir. Yukarıdaki sahnede 245.000 adet 3 boyutlu nesne web ortamında görüntülenebilmektedir.

Ankara örneğinde ise 340.000 bina tek bir web sahnesinde bulunmaktadır.

Nokta Bulutu(Point Cloud)

Nokta bulutları LiDAR teknolojisi tarafından oluşturulur veya Drone2Map gibi yazılımlar kullanılarak hava fotoğraflarından oluşturulur. Nokta bulutu verilerinizi OGC standartlarında web ortamında paylaşabilir. Esri’nin sağlamış olduğu hızlı görselleştirme yeteneklerini sahnede bulunan nokta bulutu verisinde uygulayabiliriz.

 Birleşik Ağ / 3B Sürekli Yüzey (Integrated Mesh)

Birleşik ağlar sürekli yüzeylerdir. Hava fotoğraflarından oluşan yek pare bir modeldir. Drone2Map yazılımı ile oluşturduğumuz mesh verisini web üzerinden yayınlayabilmekteyiz.

3B Nokta (3D Point)

3B Nokta katmanları, ArcGIS Pro’da tanımladığımız nokta geometrisinden oluşur. Örnekte olduğu gibi, nokta katmanlarımız veri odaklı semboloji veya gerçekçi 3B modeller kullanılarak tasarlanabilir.

BIM (Yapı Bilgi Sistemleri)

BIM, gerçek dünyadaki bir yapı için hazırlanan bilgisayar destekli 3 boyutlu dijital tasarımlardır.

ArcGIS Pro’daki veri modeli, Revit gibi CAD yazılımlarından çok farklıdır. ArcGIS Pro’daki Revit dosyalarının çalışma alanları, veri setleri ve özellik sınıfları halinde düzenlenmesi gerekmektedir; böylece revit dosyalarında bulunan veriler bir coğrafi veri tabanı veya şekil dosyası gibi başka bir veri kaynağına dönüşürler.Revit verileri, birçok coğrafi işlem aracını kullanarak diğer biçimlere dönüştürülebilir ve hatta bir coğrafi veritabanından I3S katmanına yayınlanabilmektedir.

Kullanıcı deneyimi, ölçeklenebilir ve web ortamında rahatlıkla görüntülenebilir olması I3S katmanının yapı taşlarıdır. Temelde kullanıcının bakış açısından yani kamera konumundan görüntülenen verileri yükleyen akıllı bir uygulama anlamına gelir. Örneğin bir I3S içeriğindeki şehri inceliyorsunuz, sadece o anda baktığınız yerler sahneye yüklenecektir. Bu seçenek devasa şehirlerin web ortamında görüntülenebilmesini sağlıyor Aynı zamanda, her nesne için birden fazla ayrıntı seviyesinin desteklenmektedir. Böylece uzaktaki bir binanın derinlik detaylarını yükleyerek hiçbir bant genişliği boşa harcanmaz Bu verimli yaklaşım, milyonlarca hatta milyarlarca nesne içeren veri kümelerinin yönetimini sağlıyor.Asıl güzel olan şu ki, sahne arkasında olan her şeyi anlamanıza ve yönetmenize gerek yok. ArcGIS Pro veya Drone2Map gibi uyumlu bir yazılım kullanarak I3S içeriği oluşturmaya başlayabilirsiniz.

Esri Türkiye 2019