লিফলেট মানচিত্রে ভেক্টর টাইল স্তর লোড হচ্ছে?

Question

লিফলেট মানচিত্রে আমাকে ভেক্টর টাইল স্তর লোড করতে হবে।

ভেক্টর টাইলটি ম্যাপিলারি সিকোয়েন্সগুলি সম্পর্কে ভেক্টর টাইল স্তর ( https://a.mapillary.com/#vector-tiles দেখুন ...) এবং টাইল URL টির নিদর্শনটি হ'ল:

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

ভেক্টর টাইলটি ম্যাপবক্স ভেক্টর টাইল ফর্ম্যাট ব্যবহার করে।

আমি নেটে অনুসন্ধান করেছি কিন্তু আমি একটি নমুনা খুঁজে পাইনি: আমি দেখেছি এটি ম্যাপবক্স ব্যবহার করে করা যেতে পারে তবে এটি সম্ভব হলে আমি কেবল লিফলেট ব্যবহার করতে চাই

Answer 1

লিফলেট 0.7x এ, Leaflet.MapboxVectorTileপ্লাগইনটি দিয়ে এটি সহজ করা হয়েছে । আপনাকে কেবল urlকনফিগারেশন বিকল্পে URL প্যাটার্ন নির্দিষ্ট করতে হবে । প্লাগইন ডকুমেন্টেশন উপলভ্য অন্যান্য কনফিগারেশন বিকল্পগুলির বিবরণ দেয় । ম্যাপিলারি ডেটা যুক্ত করতে, আপনি এটি ব্যবহার করুন:

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

গ্রেট !! ইহা কাজ করছে. সহজ, পরিষ্কার এবং উদাহরণ সহ। সেরা!

— সিজারে

@ নাথানস্নাইডার আপনার জেএসফিডাল পৌঁছনীয় নয়। লিফলেট সহ ভেক্টর-ভিত্তিক টাইলগুলি কীভাবে পড়তে হবে তার সঠিক উদাহরণ পছন্দ করবেন

— এলবিস

Answer 2

ভেক্টর টাইলসের জন্য লিফলেট প্লাগইনগুলির তালিকাটি দেখুন । নোট করুন যে ম্যাপবক্সভিেক্টর টাইল এবং হোভারবোর্ডটি কেবল লিফলেট 0.7.x এর সাথে কাজ করে, যা লিফলেট 1 "সত্যই শীঘ্রই by" দ্বারা অবচয় করা হবে।