আমি কোনও আইকন না দেখিয়ে চিহ্নিতকারী বা অন্য কিছু ব্যবহার করে লিফলেট মানচিত্রে পাঠ্য প্রদর্শনের একটি উপায় খুঁজছি। আমি কেবল পাঠ্যটি দেখাতে চাই এবং এটি স্টাইল করতে এবং এটিকে ঘোরানোর জন্য সক্ষম হতে চাই ... কোনও পরামর্শ?
আমি কোনও আইকন না দেখিয়ে চিহ্নিতকারী বা অন্য কিছু ব্যবহার করে লিফলেট মানচিত্রে পাঠ্য প্রদর্শনের একটি উপায় খুঁজছি। আমি কেবল পাঠ্যটি দেখাতে চাই এবং এটি স্টাইল করতে এবং এটিকে ঘোরানোর জন্য সক্ষম হতে চাই ... কোনও পরামর্শ?
উত্তর:
আমি লিফলেট এল ডিভিঙ্কন বৈশিষ্ট্যটি ব্যবহার করে আমার সমস্যার সমাধান করেছি যা চিহ্নিতকারীদের জন্য একটি হালকা আইকন উপস্থাপন করে যা কোনও চিত্রের পরিবর্তে একটি সাধারণ ডিভ উপাদান ব্যবহার করে ... এই চিহ্নিতকারীদের একটি এইচটিএমএল এবং একটি ক্লাসনেম বিকল্প রয়েছে যা আমাকে সিএসএস চালিত লেবেল তৈরি করতে দেয় allow শৈলী ...
লিফলেট 1.0 এর জন্য আপডেট: লিফলেট 1.0 হিসাবে, লিফলেট.লাবেল প্লাগইনটি খচিত হয়, কারণ এটি লিফলেট কোর হিসাবে অন্তর্ভুক্ত করা হয়েছে L.Tooltip
। উত্স স্ক্রিপ্টটি অন্তর্ভুক্ত করার দরকার নেই এবং সিনট্যাক্সটি কিছুটা পরিবর্তিত হয়েছে। নমুনা ব্যবহার:
var marker = new L.marker([39.5, -77.3], { opacity: 0.01 }); //opacity may be set to zero
marker.bindTooltip("My Label", {permanent: true, className: "my-label", offset: [0, 0] });
marker.addTo(map);
ক্লাসে সিএসএস স্টাইলিং আগের মতো প্রয়োগ করা যেতে পারে।
.my-label {
position: absolute;
width:1000px;
font-size:20px;
}
এটিতেও প্রদর্শিত হয় যে চিহ্নিতকারী অস্বচ্ছতা পুরোপুরি 0 তে সেট করা যেতে পারে।
<script src="scripts/leaflet.label.js"></script>
লিফলেট লেবেল প্লাগইনের সাহায্যে লেবেলগুলি সরাসরি চিহ্নিতকারীগুলিতে আবদ্ধ থাকে তবে আপনি চিহ্নিতকারীটির অস্বচ্ছতা প্রায় শূন্যে সেট করতে পারেন তাই কেবলমাত্র লেবেলটি দৃশ্যমান। (আপনি যদি মার্কারটির অস্বচ্ছতা 0 তে সেট করেন তবে সম্পর্কিত লেবেলটিও অদৃশ্য হয়ে যায়))
var marker = new L.marker([39.5, -77.3], { opacity: 0.01 });
marker.bindLabel("My Label", {noHide: true, className: "my-label", offset: [0, 0] });
marker.addTo(map);
তারপরে আপনি উপযুক্ত দেখতে দেখতে আপনার লেবেলগুলি স্টাইল করতে CSS ব্যবহার করতে পারেন:
.my-label {
position: absolute;
width:1000px;
font-size:20px;
}
L.Tooltip
অন এচ ফিচারের ভিতরে ব্যবহার করার সময়, ত্রুটি পেয়ে: "আনকচড টাইপ এরির: 'নোড' এ 'অ্যাপেন্ডচিল্ড' কার্যকর করতে ব্যর্থ: প্যারামিটার 1 'নোড' টাইপের নয়" "
.toString()
শেষে একটি সংযোজন করতে হয়েছিল। marker.bindTooltip(feature.properties['prabhag_number'].toString(), {...
আপনি এই লিফলেট প্লাগইন দিয়ে এখানে শুরু করতে পারেন । সম্ভবত আপনার পছন্দ অনুসারে একটি মার্কার তৈরি বা সম্পাদনা করুন। পাঠ্যটি কি বৈশিষ্ট্যের বৈশিষ্ট্য থেকে আসছে?
marker.bindTooltip("text here", { permanent: true, offset: [0, 12] });
এটি আমার পক্ষে কাজ করে