ব্রাউজারে ভেক্টর-ভিত্তিক মানচিত্র সরবরাহ করার জন্য গ্রন্থাগারগুলি


13

লিফলেট বা ওপেনলায়ার্সের মতো কোনও মুক্ত উত্স জাভাস্ক্রিপ্ট লাইব্রেরি যা কোনও ওয়েব বা মোবাইল অ্যাপ্লিকেশনে ব্যবহার করা যেতে পারে এবং চিত্রগুলির পরিবর্তে ভেক্টর-ভিত্তিক মানচিত্রগুলি লোড করে? আমার কেবল রাস্তার তথ্য এবং কিছু পিওআই দরকার।

আমি পাওয়া একমাত্র গ্রন্থাগারটি ছিল পলিম্যাপস - তবে এখনও আমার একটি সার্ভার বা পরিষেবা দরকার যা ভেক্টর এসভিজি ডেটা (ওপেনস্ট্রিটম্যাপ থেকে পছন্দনীয়) পরিবেশন করে। এছাড়াও ম্যাপসফোজ নামে একটি দুর্দান্ত অ্যান্ড্রয়েড প্রকল্প রয়েছে তবে ওয়েব অ্যাপ্লিকেশন বা অন্যান্য মোবাইল ডিভাইসের জন্য আমার এটির প্রয়োজন হবে।

উত্তর:



10

কেবল ভেক্টর আঁকার জন্য, লিফলেট বা ওপেনলায়ারগুলি ঠিকঠাক করবে। সেখানে নতুন কিছু নেই।

ভেক্টর টাইল্ড মানচিত্রের জন্য (অর্থাত্ বিভিন্ন জুম স্তরে বিভিন্ন রেজোলিউশন / বিশদ স্তরের), টাইলস্ট্যাচ একটি সহজ এবং ভাল সার্ভার। আমি পলিম্যাপস (এএএআইএআইপি, একমাত্র সাধারণ-উদ্দেশ্যে কাজ করা জেএস টাইল্ড ভেক্টর ভিউয়ার) এর সাথে প্রচুর পরীক্ষা-নিরীক্ষা করে ব্যবহার করছি। কিছু লোক টাইল্ড ভেক্টর সমর্থন যোগ করার জন্য ওপেনলায়ার্স ব্যবহার করেছেন , তবে এএফএআইআইকি, এটি এক বছরে ট্রাঙ্কের সাথে সংহত করা হয়নি, সুতরাং আগ্রহের অভাবের জন্য এটি সম্ভবত অদূর ভবিষ্যতে হবে না।

টাইলস্টেচ (সার্ভার) নিজেই খুব ভালভাবে কাজ করছে। তবুও, আমি পলিম্যাপের সাথে বেশ কয়েকটি বাগ খুঁজে পেয়েছি এবং যেহেতু এটি আর আপডেট করা হচ্ছে না (পরিত্যাক্ত প্রকল্প), আমি নিজেকে এটি উত্পাদন করতে ব্যবহার করতে রাজি করতে পারি না (আমাকে এটি নিজেই বজায় রাখতে হবে ... আমি এটিকে সমর্থন করতে পারি না) আমি এখনও ঠিক।)

আমার জন্য আমার সমাধানটি হ'ল একটি কাস্টম ওপেনজিএল নেটিভ ভেক্টর রেন্ডারার লিখুন যা অ্যামিগোক্লাউডে ব্যবহৃত হয় । আসলে, আমাদের পরিষেবাতে সমস্ত মানচিত্র রেন্ডার করা হয়। সেই উদ্দেশ্যে, টাইলস্ট্যাচ বেশ ভাল সরবরাহ করেছে।

আপনি টাইলস্ট্যাচ ভেক্টর সরবরাহকারীটি দেখতে চান । এটি কীভাবে ব্যবহার করতে হয় তার উদাহরণগুলির জন্য, আপনি লিখেছেন একটি খুব বেসিক ভেক্টর পরীক্ষা স্যুটটি দেখতে পারেন

দুঃখের বিষয়, আমি মনে করি না লিফলেটটির টাইল্ড ভেক্টরগুলির পক্ষে সমর্থন আছে।


ধন্যবাদ! ওয়েবে কি কোনও সহজ টাইলস্টেচ ডেমো আছে?
কারসেল

পলিম্যাপ জনসংখ্যার ঘনত্ব একটি টাইল্ড ভেক্টর সরবরাহকারী ক্যাশে ব্যবহার করে (যেমন টাইলস্ট্যাচ সার্ভারটি চালাচ্ছে না, তবে আউটপুট কেমন হবে তার একটি অনুলিপি)। কোডটির দিকে তাকালে এটি স্পষ্ট হওয়া উচিত যে এটি ভেক্টর টাইলড পলিম্যাপস.আর.এক্স / জনসংখ্যাHtml । দুঃখের বিষয়, অনলাইনে যে টাইলস্টে ডেমো পাওয়া যায় সেগুলি ভেক্টর সরবরাহকারী ব্যবহার করে না। তবুও, আপনি যদি স্থানীয়ভাবে টাইলস্টেচ-সার্ভার পরিচালনা করেন এবং আপনার লোকালহোস্টের জন্য ডেমো urlগুলি ভেক্টর ডেটাসোর্স (শেফফাইল, পোস্টগিস, ইত্যাদি) কনফিগার করে প্রতিস্থাপন করেন তবে এটি কার্যকর হবে। প্রয়োজনে এমএসজি এখানে সাহায্যের জন্য।
রাগী ইয়াসার বুড়হুম

আমি এই উত্তরের সাথে একমত নই বিশেষত For just drawing vectors, Leaflet or OpenLayers will do just fine. Nothing new there.এটি ভেক্টরগুলিকে ওভারলেড করা হলে এটি কাজ করবে, তবে কীভাবে পুরো মানচিত্র (সমস্ত বেস স্তর) ভেক্টর হিসাবে সংগঠিত হয় তবে কীভাবে হবে?
giser

@ গিজার এজন্যে আমি "কেবল অঙ্কনকারী ভেক্টর" এবং "ভেক্টর টাইল্ড মানচিত্র" এর মধ্যে পার্থক্য রাখি। দ্বিতীয় উত্তরটি ছিল শব্দটি যা আমি সম্পূর্ণ ভেক্টর দিয়ে তৈরি "পুরো" মানচিত্র ব্যবহার করেছি। এই জাতীয় জিনিসের একটি উদাহরণ এখানে দেওয়া হয়েছে: bl.ocks.org/mbostock/5593150
রাগী ইয়াসার বুরহুম

@ রাগিএসারবারহুম: আমি দুঃখিত, আমি এটি ভুল বুঝেছি।
giser

10

আপডেট: এটি পোস্ট করার পরে, ম্যাপবক্স ম্যাপবক্স জিএল জেএস প্রকাশ করেছে , যা ব্রাউজারে ওয়েবজিএল-ভিত্তিক ভেক্টর বেসম্যাপ রেন্ডারিং করে।

এই মুহুর্তে, কোনও প্রতিষ্ঠিত বিকল্প নেই। উত্পাদনের একমাত্র সম্পূর্ণ ভেক্টর হ'ল গুগলের মানচিত্র জিএল, এবং এটি ব্রাউজার সমর্থন এবং পারফরম্যান্সের কারণে খুব সীমিত।

এই মুহুর্তে ওপেন সোর্সের সাথে আপনি যে নিকটতম হবেন সেটি হ'ল কোথিক.জেএস এবং কোথিকের স্ক্রিপ্টের সাহায্যে আপনার নিজস্ব টাইলগুলি ঘূর্ণায়মান।


+1 এই, এটা দুর্দান্ত! কেন আপনি নিম্নচাপ পেয়েছি না!
কারসেল

6

যদি আমি আপনার প্রশ্নটি সঠিকভাবে বুঝতে পারি তবে ওপেনলায়ারস এবং লিফলেট উভয় ভেক্টর ডেটা লোড / প্রদর্শন করবে।

উদাহরণ স্বরূপ

http://leafletjs.com/examples/geojson/

এটি লিফলেট মানচিত্রে একটি জিওজেএসন ফাইল লোড করে যা পটভূমিতে ক্লাউডমেডের মাধ্যমে ওএসএম ব্যবহার করে।

ওপেনলায়ার্স সম্ভবত আরও বিভিন্ন ধরণের ভেক্টর ফর্ম্যাটগুলি সমর্থন করে, যেমন কেএমএল

http://dev.openlayers.org/examples/dynamic-text-layer.html

যদি আপনি বোঝাতে চান যে আপনি কোনও সার্ভারের পরে মানচিত্রে ভেক্টর ডেটা পরিবেশন করছেন তবে ম্যাপসার্ভার, জিও সার্ভার এবং ইএসআরআই আর্কজিআইএস সার্ভারটি দেখুন যা আপনার মানচিত্রে একটি ওয়েব বৈশিষ্ট্য সার্ভার (ডাব্লুএফএস) হিসাবে ভেক্টর ডেটা সার্ভার করবে।


আমি মানচিত্রটিকে ভেক্টর ডেটা হিসাবে নিজেকে বোঝাতে চাইছি এমন কোনও বৈশিষ্ট্য নয় যা আমি মানচিত্রে লোড করি।
কারসেল

ভেক্টর প্রকারের মাধ্যমে প্রচুর ডেটা সরবরাহ করা ব্রাউজারকে হ্যাং করতে বা হত্যা করতে পারে, কারণ অনেকগুলি <svg>উপাদানের কারণে আপনার এটি মনে রাখা উচিত
ক্রিশ্চিয়ান

@ ক্রিশ্চিয়ান এটি হ'ল যদি আপনি এসভিজি দিয়ে মানচিত্রটি রেন্ডার করেন। স্পষ্টতই আপনি ওপেনজিএল / ওয়েবজিএল (যেমন গুগল ম্যাপস অ্যান্ড্রয়েড / আইওএস এবং পরীক্ষামূলক ওয়েবজিএল জাভাস্ক্রিপ্ট মানচিত্রে রয়েছে) এর সাথে এটি রেন্ডার করতে পারে।
রাগী ইয়াছার বুড়হুম

@ রাগিয়াসেরবুরহুম হ্যাঁ, আমি সে সম্পর্কে ভাবিনি, তবে তবুও, এই বিশেষ ক্ষেত্রে আপনি ওয়েবজিএল ব্যবহার করতে পারবেন না, কারণ এপিআইস ect এর সীমাবদ্ধতার কারণে ..
ক্রাইস্টিয়ান

1
ওপি আর্কজিআইএস এপিআইয়ের উল্লেখ করেনি তাই আমি ধরে নিই নি যে (আর্কিজিআইএস ছাড়াই জিআইএস প্রচুর পরিমাণে করা যায়)। হ্যাঁ, আমি একমত যে আর্কজিআইএস জেএসকে ওয়েবজিএলে মিশ্রণ করা ব্যথা হবে। টাইল্ড ভেক্টরগুলি নতুন - তবে তাদের ভবিষ্যত হওয়ার ভাল সম্ভাবনা রয়েছে। হতে পারে
রাগী ইয়াসার বুড়হুম

2

আমি জিএল-সোলার নামে আরও একটি আকর্ষণীয় প্রকল্প পেয়েছি যা এসভিজি বা ক্যানভাসের পরিবর্তে ওয়েবগল প্রযুক্তির উপর ভিত্তি করে। যদিও এর প্রাথমিক বিকাশে এটি আশাব্যঞ্জক মনে হচ্ছে।

এছাড়াও MapCSS , কার্টেজেন এবং d3.js উল্লেখ করা উচিত। d3.js অনলাইন ওএসএম সম্পাদক আইডি ব্যবহার করা হয় । লিফলেট এবং এইচটিএমএল 5 রেন্ডারিং সম্পর্কে একটি ব্লগ পোস্টও রয়েছে ।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.