Leaflet: v: 1.1.0: url الخاص برموز العلامات الافتراضية غير صحيح

تم إنشاؤها على ٥ يوليو ٢٠١٧ · 3تعليقات · مصدر: Leaflet/Leaflet

كيف تتكاثر

إصدار المنشور الذي أستخدمه: 1.1.0
المتصفح (مع الإصدار) الذي أستخدمه: Chrome 59
نظام التشغيل / النظام الأساسي (مع الإصدار) الذي أستخدمه: MacOS 10.12
استخدام المنشور مع React + قالب Rubix Admin. لقد استخدمت النشرة 0.7 بنفس الإعداد ولا توجد مشاكل. يتم تثبيت المنشور عبر Bower.

ما هو السلوك الذي أتوقعه وأي سلوك أراه

يجب أن يتم تحميل علامات النشرة بشكل صحيح. بدلاً من ذلك أتلقى رسالة الخطأ هذه:

احصل على http: // localhost : 8080 / bower_components / المنشور / dist / imagesmarker-icon-2x.png 404 (غير موجود)

لكن عنوان URL هذا خاطئ لأنه يفتقد للشرطة المائلة بين "الصور" و "marker-icon-2x.png"

يجب أن يتم تنسيقه بشرطة مائلة. إذا ذهبت إلى مصدر Leaflet وقمت بتغيير خيارات IconDefault بحيث تبدو هكذا (الخط 6976 ...):

    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 بت)
نظام التشغيل / النظام الأساسي (مع الإصدار) الذي أستخدمه: MacOS 10.12.5
باستخدام المنشور مع Angular 2. تم تثبيته عبر NPM واستخدم @types/leaflet لإعداد المشروع باستخدام Angular CLI.

ما هو السلوك الذي أتوقعه وأي سلوك أراه

بالنسبة لي ، تقوم مكتبة Leaflet بتحميل الرمز كـ Base 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 في النهاية ، مما يؤدي إلى فشل تحميل الصورة باعتبارها base64 غير صالح. إذا قمت بإزالة ذلك في فاحص Chrome ، فسيظهر الرمز كالمعتاد.

ethanmick في ٥ يوليو ٢٠١٧

👍4

ال 3 كومينتر

في الواقع ، أفضل حل هو تعيين L.Icon.Default.imagePath للتأكد من أن المسار يتضمن الشرطة المائلة النهائية. أعتقد في هذه المرحلة ، فقط أتساءل لماذا هذا التغيير على ما يبدو؟

brambow في ٥ يوليو ٢٠١٧

ربما يكون هذا مرتبطًا بمشكلتي التي واجهتني للتو. لا يتم تحميل العلامة (تحاول التحميل كقاعدة 64).

كيف تتكاثر

إصدار المنشور الذي أستخدمه: 1.1.0
المتصفح (مع الإصدار) الذي أستخدمه: الإصدار 59.0.3071.115 (الإصدار الرسمي) (64 بت)
نظام التشغيل / النظام الأساسي (مع الإصدار) الذي أستخدمه: MacOS 10.12.5
باستخدام المنشور مع Angular 2. تم تثبيته عبر NPM واستخدم @types/leaflet لإعداد المشروع باستخدام Angular CLI.

ما هو السلوك الذي أتوقعه وأي سلوك أراه

بالنسبة لي ، تقوم مكتبة Leaflet بتحميل الرمز كـ Base 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 في ٥ يوليو ٢٠١٧

👍4

مرحبا شباب ، شكرا على الإبلاغ. أنا متأكد تمامًا من أن المشكلة التي تصفها هي نفسها # 4968 ، لذلك أغلق هذا كنسخة مكررة. من فضلك قل لي إذا كنت تعتقد أن هذه مشكلة أخرى ، وسأفكر في إعادة الفتح.