Aracılığıyla paylaş


Haritaya kutucuk katmanı ekleme

Bu makalede harita üzerinde bir Kutucuk katmanının nasıl yer paylaşımlı olduğu gösterilmektedir. Kutucuk katmanları, Azure Haritalar temel harita kutucuklarının üzerine resimlerin üst üste koyulmasına olanak sağlar. Azure Haritalar döşeme sistemi hakkında daha fazla bilgi için bkz. Yakınlaştırma düzeyleri ve kutucuk kılavuzu.

Kutucuk katmanı bir sunucudan kutucuklar halinde yüklenir. Bu görüntüler önceden oluşturulabilir veya dinamik olarak işlenebilir. Önceden kaydedilmiş görüntüler, kutucuk katmanının anladığı bir adlandırma kuralı kullanılarak sunucudaki diğer görüntüler gibi depolanır. Dinamik olarak işlenen görüntüler, görüntüleri gerçek zamanlıya yakın bir şekilde yüklemek için bir hizmet kullanır. Azure Haritalar TileLayer sınıfı tarafından desteklenen üç farklı kutucuk hizmeti adlandırma kuralı vardır:

  • X, Y, Yakınlaştırma gösterimi - X sütundur, Y kutucuk kılavuzundaki kutucuğun satır konumudur ve Yakınlaştırma gösterimi ise yakınlaştırma düzeyine göre bir değerdir.
  • Dört tuşlu gösterimi - x, y ve yakınlaştırma bilgilerini tek bir dize değerinde birleştirir. Bu dize değeri, tek bir kutucuk için benzersiz bir tanımlayıcıya dönüşür.
  • Sınırlayıcı Kutu - Sınırlayıcı kutu koordinatları biçiminde bir görüntü belirtin: {west},{south},{east},{north}. Bu biçim genellikle web eşleme Hizmetleri (WMS) tarafından kullanılır.

Bahşiş

TileLayer, haritada büyük veri kümelerini görselleştirmenin harika bir yoludur. Bir görüntüden kutucuk katmanı oluşturulabilmesinin yanı sıra vektör verileri de kutucuk katmanı olarak işlenebilir. Vektör verilerini kutucuk katmanı olarak işleyerek, harita denetiminin yalnızca temsil ettikleri vektör verilerinden daha küçük olan kutucukları yüklemesi gerekir. Bu teknik genellikle haritada milyonlarca veri satırını işlemek için kullanılır.

Kutucuk katmanına geçirilen kutucuk URL'si, tileJSON kaynağının http veya https URL'si ya da aşağıdaki parametreleri kullanan bir kutucuk URL'si şablonu olmalıdır:

  • {x} - Kutucuğun X konumu. Ayrıca ve {z}gerekir{y}.
  • {y} - Kutucuğun Y konumu. Ayrıca ve {z}gerekir{x}.
  • {z} - Kutucuğun yakınlaştırma düzeyi. Ayrıca ve {y}gerekir{x}.
  • {quadkey}- Bing Haritalar kutucuk sistemi adlandırma kuralına göre kutucuk dört tuşlu tanımlayıcı.
  • {bbox-epsg-3857} - EPSG 3857 Uzamsal Başvuru Sistemi'nde biçimine {west},{south},{east},{north} sahip sınırlayıcı kutu dizesi.
  • {subdomain} - Alt etki alanı değerleri için bir yer tutucu, belirtilmişse subdomain eklenir.
  • {azMapsDomain} - Kutucuk isteklerinin etki alanını ve kimlik doğrulamasını eşleme tarafından kullanılan değerlerle uyumlu hale getirmek için bir yer tutucu.

Kutucuk katmanı ekleme

Bu örnek, bir kutucuk kümesine işaret eden bir kutucuk katmanının nasıl oluşturulacağını gösterir. Bu örnek x, y, yakınlaştırma döşeme sistemini kullanır. Bu kutucuk katmanının kaynağı, kalabalık kaynaklı deniz grafiklerini içeren OpenSeaMap projesidir. İdeal olan kullanıcıların radar verilerini görüntülerken haritada gezinirken şehirlerin etiketlerini net bir şekilde görmesidir. Bu davranış, katman altına labels kutucuk katmanı eklenerek uygulanabilir.

//Create a tile layer and add it to the map below the label layer.
map.layers.add(new atlas.layer.TileLayer({
    tileUrl: 'https://tiles.openseamap.org/seamark/{z}/{x}/{y}.png',
    opacity: 0.8,
    tileSize: 256,
    minSourceZoom: 7,
    maxSourceZoom: 17
}), 'labels');

x, y, yakınlaştırma döşeme sistemini kullanarak bir kutucuk kümesine işaret eden bir kutucuk katmanının nasıl oluşturulacağını gösteren tam işlevsel bir örnek için Azure Haritalar Örnekleri'ndeki X, Y ve Z kullanan Kutucuk Katmanı örneğine bakın. Bu örnekteki kutucuk katmanının kaynağı, ODbL altında lisanslı openstreet Haritalar projesi olan OpenSeaMap projesinden bir deniz grafiğidir. Bu örneğin kaynak kodu için bkz . X, Y ve Z kaynak kodunu kullanan Kutucuk Katmanı.

A screenshot of map with a tile layer that points to a set of tiles using the x, y, zoom tiling system. The source of this tile layer is the OpenSeaMap project.

OGC web eşleme hizmeti (WMS) ekleme

Web eşleme hizmeti (WMTS), harita verilerinin görüntülerini sunan bir Açık Jeo-Uzamsal Konsorsiyum (OGC) standardıdır. Bu biçimde Azure Haritalar ile kullanabileceğiniz birçok açık veri kümesi vardır. Bu hizmet türü, hizmet koordinat başvuru sistemini (CRS) destekliyorsa EPSG:3857 kutucuk katmanıyla kullanılabilir. WMS hizmetini kullanırken genişlik ve yükseklik parametrelerini hizmet tarafından desteklenen değere ayarlayın, seçeneğinde bu değeri ayarladığınızdan tileSize emin olun. Biçimlendirilmiş URL'de, hizmetin parametresini yer tutucuyla {bbox-epsg-3857} ayarlayınBBOX.

Web Eşleme Hizmeti'ne (WMS) işaret eden bir kutucuk katmanının nasıl oluşturulacağını gösteren tam işlevsel bir örnek için Azure Haritalar Örnekleri'ndeki WMS Kutucuk Katmanı örneğine bakın. Bu örneğin kaynak kodu için bkz . WMS Kutucuk Katmanı kaynak kodu.

Aşağıdaki ekran görüntüsünde, A.B.D. Jeolojik Anketi'nden (USGS) jeolojik verilerin web eşleme hizmetini haritanın üstüne ve etiketlerin altına yer alan WMS Kutucuk Katmanı örneği gösterilmektedir.

A screenshot of a world map with a tile layer that points to a Web Mapping Service (WMS).

OGC web eşleme kutucuğu hizmeti (WMTS) ekleme

Web eşleme kutucuğu hizmeti (WMTS), haritalar için kutucuklu yer paylaşımları sunan bir Açık Jeo-Uzamsal Konsorsiyum (OGC) standardıdır. Bu biçimde Azure Haritalar ile kullanabileceğiniz birçok açık veri kümesi vardır. Hizmet veya GoogleMapsCompatible koordinat başvuru sistemini (CRS) destekliyorsa EPSG:3857 bu hizmet türü bir kutucuk katmanıyla kullanılabilir. WMTS hizmetini kullanırken, genişlik ve yükseklik parametrelerini hizmet tarafından desteklenen değere ayarlayın, seçenekte bu değeri de ayarladığınızdan tileSize emin olun. Biçimlendirilmiş URL'de aşağıdaki yer tutucuları uygun şekilde değiştirin:

  • {TileMatrix} =>{z}
  • {TileRow} =>{y}
  • {TileCol} =>{x}

Web Eşleme Kutucuğu Hizmeti'ne (WMTS) işaret eden bir kutucuk katmanının nasıl oluşturulacağını gösteren tam işlevsel bir örnek için Azure Haritalar Örnekleri'ndeki WMTS Kutucuk Katmanı örneğine bakın. Bu örneğin kaynak kodu için bkz . WMTS Kutucuk Katmanı kaynak kodu.

Aşağıdaki ekran görüntüsünde, ABD Jeoloji Anketi (USGS) Ulusal Haritası'ndan görüntülerin web eşleme kutucuğu hizmetini, yolların ve etiketlerin altında, haritanın üzerine yer alan WMTS Kutucuk Katmanı örneği gösterilmektedir.

A screenshot of a map with a tile layer that points to a Web Mapping Tile Service (WMTS) overlay.

Kutucuk katmanını özelleştirme

Kutucuk katmanı sınıfı birçok stil seçeneğine sahiptir. Kutucuk Katmanı Seçenekleri örneği, bunları denemek için bir araçtır. Bu örneğin kaynak kodu için bkz. Kutucuk Katmanı Seçenekleri kaynak kodu.

A screenshot of Tile Layer Options sample.

Sonraki adımlar

Bu makalede kullanılan sınıflar ve yöntemler hakkında daha fazla bilgi edinin:

Haritalarınıza eklenecek daha fazla kod örneği için aşağıdaki makalelere bakın: