एक leaflet.js बहुभुज में एक HTML शीर्षक (टूलटिप) जोड़ने के लिए कैसे?

Question

मेरे पास leaflet मानचित्र है और मैं अपने बहुभुज में एक HTML शीर्षक (टूलटिप) जोड़ना चाहता हूं। यदि मैं सादा JQuery का उपयोग करता हूं:

$('<title>my tooltip</title>').appendTo() 

शीर्षक डॉम में जोड़ा जाता है लेकिन दिखाई नहीं देता है। अधिक जानकारी के लिए here देखें लेकिन यदि मैं उस समाधान का पालन करता हूं, तो मैं अब पुस्तिकाओं का उपयोग नहीं कर सकता।

मैंने leaflet.label प्लगइन भी कोशिश की लेकिन लेबल माउस पॉइंटर के साथ घूमता है। मैं सिर्फ मानक ब्राउज़र शीर्षक टूलटिप कि हॉवर पर कुछ ही समय बाद एक स्थिति में दिखाई देता है) आपकी मदद के लिए

धन्यवाद चाहते

Answer 1

पत्रक 1.0.0 है एक नया निर्मित L.tooltip वर्ग कि Leaflet.label प्लगइन deprecates। टूलटिप आकृति केंद्र पर इंगित करता है और माउस के साथ नहीं चलता है।

L.polygon(coords).bindTooltip("my tooltip").addTo(map); 

डेमो: https://jsfiddle.net/3v7hd2vx/91/

---

टूलटिप बहुभुज केंद्र में प्रदर्शित किया जा रहा बारे में ओपी की टिप्पणी है, जो दृश्य से बाहर हो सकता है जब बहुभुज बहुत बड़ा है और वर्तमान ज़ूम अधिक है, आप कर सकते हैं पता करने के लिए

L.polygon(coords).bindTooltip("my tooltip", { 
    sticky: true // If true, the tooltip will follow the mouse instead of being fixed at the feature center. 
}).addTo(map); 

अपडेट किया गया डेमो: https://jsfiddle.net/3v7hd2vx/402/

sticky विकल्प का उपयोग