Haritaya görüntü katmanı ekleme
Bu makalede, bir görüntüyü sabit bir koordinat kümesine nasıl bindirdiğiniz gösterilir. Haritalar üzerinde yer paylaşımlı olabilecek farklı görüntü türlerine birkaç örnek aşağıda verilmiştir:
- İnsansız hava araçlarından yakalanan görüntüler
- Bina zemin düzlemleri
- Geçmiş veya diğer özelleştirilmiş harita görüntüleri
- İş sitelerinin şemaları
- Hava durumu radar görüntüleri
İpucu
ImageLayer, harita üzerinde bir görüntüyü katman etmenin kolay bir yoludur. Tarayıcıların büyük bir görüntüyü yüklemede zorluk çekebileceğini unutmayın. Bu durumda, görüntünüzü kutucuklara ayırmayı ve tileLayer olarak haritaya yüklemeyi göz önünde bulundurun.
Görüntü katmanı aşağıdaki görüntü biçimlerini destekler:
- JPEG
- PNG
- BMP
- GIF (animasyon yok)
Görüntü katmanı ekleme
Aşağıdaki kod, 1922'den itibaren Newark, New Jersey haritasının görüntüsünü harita üzerinde yer alır. ImageLayer, bir görüntüye URL geçirilerek oluşturulur ve biçimindeki [Top Left Corner, Top Right Corner, Bottom Right Corner, Bottom Left Corner]dört köşe için koordinatlar sağlar.
//Create an image layer and add it to the map.
map.layers.add(new atlas.layer.ImageLayer({
url: 'newark_nj_1922.jpg',
coordinates: [
[-74.22655, 40.773941], //Top Left Corner
[-74.12544, 40.773941], //Top Right Corner
[-74.12544, 40.712216], //Bottom Right Corner
[-74.22655, 40.712216] //Bottom Left Corner
]
}));
1922'den Newark New Jersey haritasının görüntüsünün Görüntü katmanı olarak nasıl yer paylaşımlı hale getirildiğini gösteren tam işlevsel bir örnek için Azure Haritalar Örnekleri'ndeki Basit Görüntü Katmanı'na bakın. Bu örneğin kaynak kodu için bkz . Basit Görüntü Katmanı kaynak kodu.
KML dosyasını yer paylaşımı olarak içeri aktarma
Bu örnekte KML yer paylaşımı bilgilerinin haritaya görüntü katmanı olarak nasıl ekleneceği gösterilmektedir. KML yer paylaşımları kuzey, güney, doğu ve batı koordinatları ve saat yönünün tersine döndürme sağlar. Ancak, görüntü katmanı görüntünün her köşesi için koordinatları bekler. Bu örnekteki KML yer kaplaması Chartres katedrali içindir ve Wikimedia'dan alınmalıdır.
Kod, ImageLayer sınıfından statik getCoordinatesFromEdges işlevi kullanır. KML yer paylaşımının kuzey, güney, doğu, batı ve döndürme bilgilerini kullanarak görüntünün dört köşesini hesaplar.
KmL Zemin Katmanı'nın Görüntü Katmanı olarak nasıl kullanılacağını gösteren tam işlevsel bir örnek için, Azure Haritalar Örnekleri'ndeki KmL Yer Paylaşımı'nı Görüntü Katmanı olarak inceleyin. Bu örneğin kaynak kodu için bkz . KML Ground Overlay as Image Layer kaynak kodu.
İpucu
getPixels Konumlandırılan görüntü katmanının coğrafi koordinatları ile yerel görüntü piksel koordinatları arasında dönüştürme yapmak için görüntü katmanı sınıfının ve getPositions işlevlerini kullanın.
Görüntü katmanını özelleştirme
Görüntü katmanında birçok stil seçeneği vardır. Görüntü katmanının farklı seçeneklerinin işlemeyi nasıl etkilediğini gösteren tam işlevsel bir örnek için Azure Haritalar Örnekleri'ndeki Görüntü Katmanı Seçenekleri'ne bakın. Bu örneğin kaynak kodu için bkz . Görüntü 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: