Leaflet: v: 1.1.0: URL-адрес значков маркеров по умолчанию неверен

Созданный на 5 июл. 2017 · 3Комментарии · Источник: Leaflet/Leaflet

Как воспроизвести

Версия листовки, которую я использую: 1.1.0
Браузер (с версией), которую я использую: Chrome 59
ОС / платформа (с версией) Я использую: MacOS 10.12
Использование буклета в сочетании с React + шаблоном администратора Rubix. Использовал листок 0.7 с той же настройкой и никаких проблем. Leaflet устанавливается через Bower.

Какого поведения я ожидаю и какое поведение наблюдаю

Маркеры листовок должны загружаться правильно. Вместо этого я получаю это сообщение об ошибке:

ПОЛУЧИТЬ http: // localhost : 8080 / bower_components / leaflet / 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 5 июл. 2017

👍4

Все 3 Комментарий

На самом деле, лучше всего просто установить L.Icon.Default.imagePath, чтобы убедиться, что путь включает последнюю косую черту. Думаю, в этот момент мне просто интересно, почему это кажущееся изменение?

brambow 5 июл. 2017

Как воспроизвести

Версия листовки, которую я использую: 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 5 июл. 2017

👍4

Привет, ребята, спасибо за сообщение. Я почти уверен, что проблема, которую вы описываете, такая же, как # 4968, поэтому я закрываю ее как дубликат. Скажите, пожалуйста, если вы считаете, что это еще одна проблема, и я подумаю о повторном открытии.