Broşür katmanına vektör karo katmanı yükleniyor mu?


9

Bir broşür haritasına bir vektör döşeme katmanı yüklemem gerekiyor.

Vektör döşemesi, Mapillary dizileriyle ilgili vektör döşeme katmanıdır ( https://a.mapillary.com/#vector-tiles ... adresine bakın ) ve döşeme URL modeli:

https://d2munx5tg0hw47.cloudfront.net/tiles/{z}/{x}/{y}.mapbox

vektör döşemesi Mapbox vektör döşemesi biçimini kullanır.

İnternette arama yaptım ama bir örnek bulamadım: Bunun Mapbox kullanarak yapılabileceğini gördüm, ancak mümkünse sadece Leaflet kullanmak istiyorum

Yanıtlar:


11

Leaflet 0.7x'te bu Leaflet.MapboxVectorTileeklenti ile çok kolay . URL şablonunu urlyapılandırma seçeneğinde belirtmeniz yeterlidir . Eklenti belgeleri, kullanılabilir diğer yapılandırma seçeneklerini ayrıntılı olarak açıklar. Mapillary verilerini eklemek için şu şekilde kullanırsınız:

var config = {
  url: "https://d2munx5tg0hw47.cloudfront.net/tiles/{z}/{x}/{y}.mapbox"
};
var mapillarySource = new L.TileLayer.MVTSource(config);
map.addLayer(mapillarySource);

İşte sonucu gösteren bir keman:

http://fiddle.jshell.net/nathansnider/sj12o4hj/

Talimatı 1.0x için, kullanmak istediğiniz olacak Leaflet.VectorGrid bireyin L.vectorGrid.protobufyöntemi. Dokümanlarda açıklanan bir dizi stil seçeneği var , ancak sadece karoları yüklemek için şu şekilde kullanabilirsiniz:

var url = 'https://d2munx5tg0hw47.cloudfront.net/tiles/{z}/{x}/{y}.mapbox';
var mapillaryLayer = L.vectorGrid.protobuf(url).addTo(map);

Örnek keman:

http://fiddle.jshell.net/nathansnider/mwmpmLo7/


Harika!! işe yarıyor. Basit, açık ve örnek. En iyisi!
Cesare

3
@nathansnider JSFiddle'ınıza erişilemiyor. Vektör tabanlı karoların broşürle nasıl okunacağına dair uygun bir örnek isterdim
LBes

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.