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şsesubdomain
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ı.
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.
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.
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.
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: