Leaflet: DivIcon पर सीएसएस शैलियों को सेट करने की क्षमता जोड़ें

नमस्ते,
आइकन के रंग का क्या मतलब है? मैंने css में बैकग्राउंड-कलर सेट किया है और DivIcon ने रंग बदल दिया है

क्या आपको इसकी आवश्यकता नहीं है? क्या आप कृपया अधिक विशिष्ट हो सकते हैं?

हाय @ samik88 ,

जैसा कि मैंने उपयोग के मामले में निर्दिष्ट किया है, मार्कर आइकन का रंग (एक आरजीबी रंग कोड) मार्कर निर्देशांक वाले डेटाबेस से पुनर्प्राप्त किया जाता है, इसलिए इसे एक सीएसएस वर्ग में परिभाषित करना संभव नहीं है (ऐसा करने के लिए 16777215 बनाना शामिल होगा) css कक्षाएं (प्रत्येक आरजीबी रंग कोड के लिए एक जिसमें अस्पष्टता शामिल नहीं है), जो करना एक बेवकूफी होगी)।

आप एक टेक्स्ट फ़ील्ड जोड़कर उपयोग के मामले को देखने के लिए अपना उदाहरण बदल सकते हैं जिसमें आप मार्कर के लिए एक आरजीबी रंग दर्ज कर सकते हैं और फिर आप पाएंगे कि आप इसे DivIcon पर सेट नहीं कर सकते हैं और इसलिए मार्कर आइकन रंग नहीं बदल सकते हैं।

ऐसा करने के लिए उत्पन्न डीआईवी पर सीएसएस शैली विशेषता सेट करने में सक्षम होना शामिल होगा

इस कार्यक्षमता को getElement() विधि द्वारा कवर किया जा सकता है L.Marker , उदाहरण के लिए:

var marker = new L.Marker(myCenter, {
  icon: L.divIcon()
});
map.addLayer(marker);

marker.getElement().style.border = '5px dotted lime';
marker.getElement().style.width = '50px';
marker.getElement().style.height = '50px';

एक कामकाजी उदाहरण देखें।

यह थोडा एक बढ़त का मामला है, इसलिए मैं कुछ कस्टम स्टाइल जोड़ने के लिए L.DivIcon वर्ग का विस्तार करने की सलाह दूंगा, प्लगइन्स लिखने पर ट्यूटोरियल पढ़ें। यह कुछ ऐसा होगा

L.DivIcon.CustomColor = L.DivIcon.extend({
    createIcon: function(oldIcon) {
           var icon = L.DivIcon.prototype.createIcon.call(this, oldIcon);
           icon.style.backgroundColor = this.options.color;
           return icon;
    }
})

मैं व्यक्तिगत रूप से नहीं सोचता कि यह व्यापक रूप से उपयोग की जाने वाली विशेषता होगी, इसलिए मैं इसे अभी के लिए बंद कर दूंगा।