Leaflet: v: 1.1.0: डिफ़ॉल्ट मार्कर आइकन का url गलत है

को निर्मित 5 जुल॰ 2017 · 3टिप्पणियाँ · स्रोत: Leaflet/Leaflet

कैसे पुन: पेश करें

मैं उपयोग कर रहा हूँ पत्रक संस्करण: 1.1.0
ब्राउज़र (संस्करण के साथ) मैं उपयोग कर रहा हूँ: क्रोम 59
OS/प्लेटफ़ॉर्म (संस्करण के साथ) मैं उपयोग कर रहा हूँ: MacOS 10.12
रिएक्ट + रूबिक्स एडमिन टेम्प्लेट के संयोजन में लीफलेट का उपयोग करना। इसी सेटअप के साथ लीफलेट 0.7 का उपयोग किया है और कोई समस्या नहीं है। पत्रक बोवर के माध्यम से स्थापित किया गया है।

मैं किस व्यवहार की अपेक्षा कर रहा हूं और कौन सा व्यवहार देख रहा हूं

पत्रक मार्कर सही ढंग से लोड होने चाहिए। इसके बजाय मुझे यह त्रुटि संदेश मिलता है:

प्राप्त करें http://localhost :8080/bower_components/leaflet/dist/imagesmarker-icon-2x.png 404 (नहीं मिला)

लेकिन वह URL गलत है क्योंकि उसमें "छवियों" और "marker-icon-2x.png" के बीच का स्लैश नहीं है

इसे स्लैश के साथ स्वरूपित किया जाना चाहिए। अगर मैं पत्रक स्रोत में जाता हूं और IconDefault विकल्पों को बदल देता हूं ताकि यह इस तरह दिखे (पंक्ति ६९७६...):

    iconUrl:       '/marker-icon.png',
    iconRetinaUrl: '/marker-icon-2x.png',
    shadowUrl:     '/marker-shadow.png',

तब यह अपेक्षा के अनुरूप काम करता है।

अगर मैं 0.7.7 पर वापस आ जाता हूं तो यह समस्या दूर हो जाती है। इस मुद्दे का कारण क्या है?

स्रोत

brambow

सबसे उपयोगी टिप्पणी

शायद यह मेरे उस मुद्दे से संबंधित है जिसमें मैं अभी भागा था। मार्कर लोड नहीं हो रहा है (यह बेस 64 के रूप में लोड करने का प्रयास करता है)।

कैसे पुन: पेश करें

मैं उपयोग कर रहा हूँ पत्रक संस्करण: 1.1.0
ब्राउज़र (संस्करण के साथ) मैं उपयोग कर रहा हूँ: संस्करण 59.0.3071.115 (आधिकारिक बिल्ड) (64-बिट)
OS/प्लेटफ़ॉर्म (संस्करण के साथ) मैं उपयोग कर रहा हूँ: MacOS 10.12.5
कोणीय 2 के संयोजन के साथ पत्रक का उपयोग करना। एनपीएम के माध्यम से स्थापित और कोणीय सीएलआई के साथ परियोजना को स्थापित करने के लिए @types/leaflet का उपयोग किया।

मैं किस व्यवहार की अपेक्षा कर रहा हूं और कौन सा व्यवहार देख रहा हूं

मेरे लिए, कैटलॉग लाइब्रेरी बेस 64 के रूप में आइकन लोड कर रही है:

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB[CUT_FOR_BREVITY]ASUVORK5CYII=&quot;)marker-icon.png" class="leaflet-marker-icon leaflet-zoom-animated leaflet-interactive" tabindex="0" style="margin-left: -12px; margin-top: -41px; width: 25px; height: 41px; transform: translate3d(225px, 197px, 0px); z-index: 197; outline: none;">

src फ़ील्ड में अंत में ")marker-icon.png होता है, जिसके कारण छवि अमान्य बेस 64 के रूप में लोड होने में विफल हो जाती है। अगर मैं क्रोम इंस्पेक्टर में इसे हटा देता हूं, तो आइकन सामान्य रूप से दिखाई देता है।

ethanmick 5 जुल॰ 2017

👍4

सभी 3 टिप्पणियाँ

वास्तव में, यह सुनिश्चित करने के लिए कि पथ में अंतिम स्लैश शामिल है, केवल L.Icon.Default.imagePath सेट करना बेहतर है। मैं इस बिंदु पर अनुमान लगाता हूं, बस सोच रहा हूं कि यह परिवर्तन क्यों प्रतीत होता है?

brambow 5 जुल॰ 2017

कैसे पुन: पेश करें

मैं उपयोग कर रहा हूँ पत्रक संस्करण: 1.1.0
ब्राउज़र (संस्करण के साथ) मैं उपयोग कर रहा हूँ: संस्करण 59.0.3071.115 (आधिकारिक बिल्ड) (64-बिट)
OS/प्लेटफ़ॉर्म (संस्करण के साथ) मैं उपयोग कर रहा हूँ: MacOS 10.12.5
कोणीय 2 के संयोजन के साथ पत्रक का उपयोग करना। एनपीएम के माध्यम से स्थापित और कोणीय सीएलआई के साथ परियोजना को स्थापित करने के लिए @types/leaflet का उपयोग किया।

मैं किस व्यवहार की अपेक्षा कर रहा हूं और कौन सा व्यवहार देख रहा हूं

मेरे लिए, कैटलॉग लाइब्रेरी बेस 64 के रूप में आइकन लोड कर रही है:

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB[CUT_FOR_BREVITY]ASUVORK5CYII=&quot;)marker-icon.png" class="leaflet-marker-icon leaflet-zoom-animated leaflet-interactive" tabindex="0" style="margin-left: -12px; margin-top: -41px; width: 25px; height: 41px; transform: translate3d(225px, 197px, 0px); z-index: 197; outline: none;">

ethanmick 5 जुल॰ 2017

👍4

नमस्कार दोस्तों, रिपोर्टिंग के लिए धन्यवाद। मुझे पूरा यकीन है कि आप जिस समस्या का वर्णन कर रहे हैं वह #4968 जैसी ही है, इसलिए मैं इसे डुप्लिकेट के रूप में बंद कर रहा हूं। कृपया मुझे बताएं कि क्या आपको लगता है कि यह एक और समस्या है, और मैं फिर से खोलने पर विचार करूंगा।

perliedman 6 जुल॰ 2017

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Leaflet: v: 1.1.0: डिफ़ॉल्ट मार्कर आइकन का url गलत है

कैसे पुन: पेश करें

मैं किस व्यवहार की अपेक्षा कर रहा हूं और कौन सा व्यवहार देख रहा हूं

सबसे उपयोगी टिप्पणी

कैसे पुन: पेश करें

मैं किस व्यवहार की अपेक्षा कर रहा हूं और कौन सा व्यवहार देख रहा हूं

सभी 3 टिप्पणियाँ

कैसे पुन: पेश करें

मैं किस व्यवहार की अपेक्षा कर रहा हूं और कौन सा व्यवहार देख रहा हूं

संबंधित मुद्दों