Azure Haritalar web SDK'sı ile eşleme verilerini görselleştirme

Tamamlandı

Azure Haritalar web SDK'sı, uzamsal verileri web sayfasındaki etkileşimli bir harita üzerinde görselleştirmek için kullanabileceğiniz çok çeşitli araçlara sahiptir. Bir web sayfasına harita eklemeye başlamadan önce SDK'nın bazı özelliklerine göz atalım.

Harita oluşturma

Azure Haritalar web SDK'sı, web sayfasına ekleyebileceğiniz etkileşimli bir JavaScript harita denetimine sahiptir. Haritalar, web tabanlı eşleme uygulamaları için bir standart olan Küresel Mercator projeksiyon koordinat sistemi kullanılarak çizilir (işlenir). Bu sistem, ekranda çizilebilen kare bir harita oluşturmak için haritayı hem Kuzey Kutbu'na hem de Güney Kutbu'na genişletir. Esnetmenin bir sonucu olarak, hareket ettiğiniz ekvatordan ne kadar uzaktaysanız harita o kadar esnetilmiş görünür. Haritada Grönland gibi bir ülke veya bölge, gerçekte olduğundan çok daha büyük görünür.

Haritalar farklı stillerde işlenebilir. Bu stiller arasında şunlar yer alır:

  • Yol: Özellik etiketleriyle yolları, doğal ve yapay özellikleri gösteren standart bir harita stili.

    Image of a road map of Seattle.

  • Uydu: Uydu ve havadan görüntülerin birleşimi.

    Image of a satellite map of Seattle.

  • Yol etiketli uydu: Yolların ve etiketlerin yer paylaşımıyla uydu ve havadan görüntülerin birleşimi.

    Image of a satellite and road map of Seattle.

  • Yüksek karşıtlık: Diğer harita stillerinden daha yüksek karşıtlığa sahip koyu yol haritası.

    Image of a high-contrast map of Seattle.

Desteklenen Azure Haritalar harita stilleri bölümünde daha fazla stil açıklanmıştır.

Haritada gezinme

kullanıcının harita görünümünü yakınlaştırabilmesi, taşıması, döndürmesi ve eğebilmesi için Azure Haritalar denetimleri tamamen etkileşimli olacak şekilde yapılandırabilirsiniz. Harita yakınlaştırılıp eğildiğinde, binaların şekillerinin 3B temsillerini gösterebilir. Fare, izleme yüzeyi veya dokunmatik ekran kullanarak haritada hareket edin. Harita denetimi yakınlaştırmak için sıkıştırmayı ve haritayı yeniden konumlandırmak için sürüklemeyi destekler. Harita denetiminde etkinleştirebileceğiniz ve haritada gösterebileceğiniz yakınlaştırma, pusula, perde ve stil seçici denetimleri vardır.

Uygulama kodunuzda harita gezintisi ayarlayabilirsiniz. Örneğin, görünümü belirli bir konuma ayarlayabilirsiniz. Harita denetiminin ayarlarında kullanıcı gezinti özelliklerini devre dışı bırakabilir veya etkinleştirebilirsiniz.

Katmanlar

Katmanlar ekleyerek haritaları genişletebilirsiniz. Katman, haritanın üzerinde bir veri nesnesini görselleştirir. Oluşturduğunuz uygulamada, hava kalitesi verilerini görselleştirmek için harita üzerinde bir katman kullanırsınız.

Harita denetimi kullanan bir uygulama oluşturduğunuzda, farklı katman türleri arasından seçim yapabilirsiniz. Tüm katman türleri GeoJSON verileri veya Mapbox vektör kutucukları içeren veri kaynaklarını işler. Bu modülün ilerleyen bölümlerinde GeoJSON konusunu ele alacağız.

Harita ile kullanabileceğiniz katman türlerinden bazıları şunlardır:

  • Simge katmanı: Simge katmanları, harita üzerinde belirli bir konuma bir görüntü dosyasından yüklenen bir raptiye simgesini veya özel simgeyi yerleştirir. Örneğin, farklı simgeler bir şehirde yiyecek bankaları veya evsiz barınakları gibi çeşitli sosyal destek türlerinin konumlarını gösterebilir.

  • Kabarcık katmanı: Kabarcık katmanları, harita üzerindeki konumlara dairesel kabarcıklar yerleştirir. Kabarcıkları, boyut ve renk gibi görünümlerini değiştirerek verileri temsil etmek üzere yapılandırabilirsiniz. Örneğin, bir pandemi sırasında, farklı kabarcık boyutları farklı mortalite oranlarını yansıtan renklerle bir hastalığa yakalanan kişi sayısını gösterebilir.

  • Isı haritası: Isı haritası katmanları veri yoğunluğunun temsil eder. Isı haritası, haritada "etkin nokta" alanlarını göstermek için bir renk aralığı kullanır. Örneğin, bir konumda meydana gelen bir depremin göreli riskini göstermek için ısı haritası kullanabilirsiniz. Konumun "ısısı", geçmişte o konumdaki depremlerin sayısına ve gücüne dayalı olacaktır.

Veri kaynağı bir katmandaki özellik konumlarını tanımlar. Veri kaynağı, katmandaki denetimleri yapılandırmak için kullanabileceğiniz veriler de sağlayabilir. Örneğin, hangi görüntünün görüntüleneceği veya kabarcık oluşturmanın ne kadar büyük olduğu.

Bu ünitede stiller, gezinti ve katmanlar dahil olmak üzere Azure Haritalar web SDK'sını öğrendiniz. Ardından, web SDK'sını bir web uygulamasında kullanabilmek için bir Azure Haritalar hesabı oluşturursunuz.