पत्रक के नक्शे में वेक्टर टाइल परत लोड हो रहा है?

Question

मुझे एक USC टाइल में वेक्टर टाइल की परत को लोड करने की आवश्यकता है।

वेक्टर टाइल वेपिलरी अनुक्रमों के बारे में वेक्टर टाइल परत है ( https://a.mapillary.com/#vector-tiles पर देखें ...), और टाइल URL पैटर्न है:

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

वेक्टर टाइल मेपबॉक्स वेक्टर टाइल प्रारूप का उपयोग करता है।

मैंने नेट पर खोज की है, लेकिन मुझे एक नमूना नहीं मिला है: मैंने देखा है कि यह मैपबॉक्स का उपयोग करके किया जा सकता है, लेकिन यदि यह संभव है तो मैं इसका उपयोग करना चाहूंगा।

Answer 1

यूएससी 0.7x में, यह Leaflet.MapboxVectorTileप्लगइन के साथ आसान बना दिया गया है । आपको urlकॉन्फ़िगरेशन विकल्प में केवल URL पैटर्न निर्दिष्ट करना होगा । प्लगइन प्रलेखन अन्य विन्यास विकल्पों का विवरण देता है जो उपलब्ध हैं। Mapillary डेटा जोड़ने के लिए, आप इसे इस तरह उपयोग करेंगे:

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

यहाँ एक परिणाम दिखा रहा है:

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

पत्रक 1.0x के लिए, आप उपयोग करना चाहते हैं जाएगा Leaflet.VectorGrid की L.vectorGrid.protobufविधि। इसमें डॉक्स में वर्णित कई स्टाइलिंग विकल्प हैं , लेकिन सिर्फ टाइल्स लोड करने के लिए, आप इसे इस तरह उपयोग करेंगे:

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

उदाहरण फिडल:

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

Comments

महान!! यह काम कर रहा है। सरल, स्पष्ट और उदाहरण के साथ। सबसे अच्छा!

— सेसारे

@nathansnider आपका JSFiddle उपलब्ध नहीं है। लीफलेट के साथ वेक्टर-आधारित टाइल्स को पढ़ने के तरीके पर एक उचित उदाहरण पसंद करेंगे

— LBes

Answer 2

वेक्टर टाइल्स के लिए USC प्लगइन्स की सूची देखें । ध्यान दें कि MapboxVectorTile और होवरबोर्ड केवल USC 0.7.x के साथ काम करते हैं, जिसे USC 1 "रियली सून ™" द्वारा दर्शाया जाएगा।