क्या मैं पुस्तिका में पाठ तय कर सकता हूं?

Question

मैं नक्शा है कि जब जूम परिवर्तन स्केल नहीं और रहने के साथ यह मूल आकार है करने के लिए एक पाठ जोड़ना चाहते हैं।

मैं इस कोड (जावास्क्रिप्ट) का उपयोग करें:

var text = new L.marker(rect.getBounds().getSouthWest(), {opacity: 0.0001}); 
text.bindLabel("TEXT", styleProperties); 
text.addTo(myLayer); 

और इस अवांछित परिणाम प्राप्त:

मैं चाहता हूँ कि पाठ छोड़ दिया पर पहली छवि का आकार के साथ ही रहते जब जूम लागू होते हैं । क्या यह संभव है?

संपादित करें: पाठ शहर के नाम की तरह होना चाहिए, जो मानचित्र के साथ चलता है लेकिन ज़ूम (हाँ, मुझे पता है कि शहरों का नाम छवियां हैं, क्योंकि यह मेरी समस्या को हल करना आसान नहीं है)। धन्यवाद हालांकि उत्तर के लिए, अब मैं प्रयोगशालाओं को बनाए रखता हूं, एक सुरुचिपूर्ण समाधान नहीं बल्कि काम करता है।

Answer 1

उपयोग एक L.DivIcon साथ एक मार्कर।

Answer 2

आप Leaflet.label प्लगइन इस्तेमाल कर सकते हैं (पत्रक 1.0 के साथ शुरू, L.Label L.Tooltip के रूप में कोर पत्रक में जोड़ा जाता है)। आप इसे अपने स्वयं के सीएसएस से स्टाइल कर सकते हैं। example देखें।

Answer 3

यह मेरे लिए लग रहा है अपने पाठ वास्तव में अपने नक्शे से संबंधित नहीं है। मानचित्र के कंटेनर पर किसी अन्य div में पाठ जोड़ने के बारे में क्या?

<div> 
    <div id="map" style="width: 600px; height: 400px"></div> 
    <div style="pointer-events: none; position: absolute; top: 100px; left: 100px">foo bar</div> 
    </div> 

पूर्ण उदाहरण here

Answer 4

जहां तक ​​मैं समझता हूँ, आप गतिशील फ़ॉन्ट आकार ज़ूम स्तर के अनुसार चाहते हैं देखें। आपने जिस विपरीत का उल्लेख किया है।

आप ज़ूम स्तर के अनुसार फ़ॉन्ट आकार बदल सकते हैं। Leaflet.Label प्लगइन के लिए आप ज़ूमेंड के लिए एक ईवेंट हैंडलर जोड़ सकते हैं और लेबल के फ़ॉन्ट-आकार और लेबल की अन्य शैलियों के साथ खेल सकते हैं।

मैं Leaflet.Label, जो पथ वस्तु के बगल में एक पाठ तत्व को जोड़ता है बिना एक और उदाहरण है। तो पाठ svg में एम्बेडेड है और मैं ज़ूम स्तर के अनुसार फ़ॉन्ट आकार बदलता हूं। हालांकि मुझे एक बेहतर काम नहीं मिला।

https://embed.plnkr.co/hU6ip8T58tvE7CHJwniR/