Leaflet: v: 1.1.0: url ke ikon penanda default salah

Dibuat pada 5 Jul 2017 · 3Komentar · Sumber: Leaflet/Leaflet

Cara memperbanyak

Versi selebaran yang saya gunakan: 1.1.0
Browser (dengan versi) Saya menggunakan: Chrome 59
OS/Platform (dengan versi) Saya menggunakan: MacOS 10.12
Menggunakan selebaran bersama dengan React + template Rubix Admin. Telah menggunakan leaflet 0.7 dengan pengaturan yang sama & tidak ada masalah. Leaflet dipasang melalui Bower.

Perilaku apa yang saya harapkan dan perilaku apa yang saya lihat

Penanda selebaran harus dimuat dengan benar. Sebagai gantinya saya mendapatkan pesan kesalahan ini:

DAPATKAN http://localhost :8080/bower_components/leaflet/dist/imagesmarker-icon-2x.png 404 (Tidak Ditemukan)

Tapi URL itu salah karena tidak ada garis miring antara "gambar" dan "marker-icon-2x.png"

Itu harus diformat dengan garis miring. Jika saya masuk ke sumber Leaflet dan mengubah opsi IconDefault sehingga terlihat seperti ini (Baris 6976...):

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

maka itu berfungsi seperti yang diharapkan.

Jika saya kembali ke 0.7.7 maka masalah ini hilang. Apa yang menyebabkan masalah ini?

Sumber

brambow

Komentar yang paling membantu

Mungkin ini terkait dengan masalah saya yang baru saja saya alami. Penanda tidak memuat (mencoba memuat sebagai basis 64).

Cara memperbanyak

Versi selebaran yang saya gunakan: 1.1.0
Browser (dengan versi) Saya menggunakan: Versi 59.0.3071.115 (Build Resmi) (64-bit)
OS/Platform (dengan versi) Saya menggunakan: MacOS 10.12.5
Menggunakan selebaran bersama dengan Angular 2. Diinstal melalui NPM dan menggunakan @types/leaflet untuk menyiapkan proyek dengan Angular CLI.

Perilaku apa yang saya harapkan dan perilaku apa yang saya lihat

Bagi saya, perpustakaan Leaflet memuat ikon sebagai Basis 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;">

Bidang src berisi ")marker-icon.png di bagian akhir, yang menyebabkan gambar gagal dimuat sebagai base64 yang tidak valid. Jika saya menghapusnya di inspektur Chrome, ikon muncul seperti biasa.

ethanmick pada 5 Jul 2017

👍4

Semua 3 komentar

Sebenarnya, perbaikan yang lebih baik adalah dengan mengatur L.Icon.Default.imagePath untuk memastikan path menyertakan garis miring terakhir. Saya kira pada titik ini, hanya bertanya-tanya mengapa ini tampak berubah?

brambow pada 5 Jul 2017

Mungkin ini terkait dengan masalah saya yang baru saja saya alami. Penanda tidak memuat (mencoba memuat sebagai basis 64).

Cara memperbanyak

Versi selebaran yang saya gunakan: 1.1.0
Browser (dengan versi) Saya menggunakan: Versi 59.0.3071.115 (Build Resmi) (64-bit)
OS/Platform (dengan versi) Saya menggunakan: MacOS 10.12.5
Menggunakan selebaran bersama dengan Angular 2. Diinstal melalui NPM dan menggunakan @types/leaflet untuk menyiapkan proyek dengan Angular CLI.

Perilaku apa yang saya harapkan dan perilaku apa yang saya lihat

Bagi saya, perpustakaan Leaflet memuat ikon sebagai Basis 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;">

Bidang src berisi ")marker-icon.png di bagian akhir, yang menyebabkan gambar gagal dimuat sebagai base64 yang tidak valid. Jika saya menghapusnya di inspektur Chrome, ikon muncul seperti biasa.

ethanmick pada 5 Jul 2017

👍4

Hai teman-teman, terima kasih telah melaporkan. Saya cukup yakin masalah yang Anda gambarkan sama dengan #4968, jadi saya menutup ini sebagai duplikat. Tolong beritahu saya jika Anda yakin ini adalah masalah lain, dan saya akan mempertimbangkan untuk membuka kembali.