Leaflet: Ошибка: контейнер карты уже инициализирован

Похоже, вы пытаетесь перезапустить существующую карту... Доски с проблемами здесь больше предназначены для работы с ошибками и предложений новых функций. StackOverflow (http://stackoverflow.com/questions/tagged/leaflet) — лучшее место для устранения неполадок при использовании библиотеки. Если вы считаете, что это связано с ошибкой, разместите свой пример на JSFiddle или другом демонстрационном сайте.

Похоже, проблема связана с реализацией в MVVM, а не с ошибкой. Постараюсь найти некоторые примеры MVVM с помощью листовки.

такая же проблема... что может быть?

@ralexrdz , возможно, контейнер, который вы инициализируете более одного раза?

@mourner HTML - это в основном HTML-голова, загружающая js и css, а также div с id = "map". И единственный js, который у меня есть, это
map.setView([19.34, -99.15], 12);
L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}', {
атрибуция: «Данные карты © участники OpenStreetMap , CC-BY-SA , изображения © Mapbox »,
максимальное увеличение: 18,
идентификатор: 'mapboxMapId,
accessToken: 'mapboxAccessToken'
}).добавить(карта);
Как могло случиться, что контейнер инициализировался раньше?

у меня такая же проблема, я использую листовку в React

Вероятно, это будет ошибка в ответной листовке @epicallan

@danzel Я использую реакцию, это ошибка листовки с реакцией, только что сделал некоторые хакерские обходные пути.

@epicallan Можете ли вы объяснить, что вы сделали? У меня такая же проблема с React и Leaflet.

Перед инициализацией карты проверьте, была ли карта уже инициирована или нет.

var container = L.DomUtil.get('map');
если (контейнер! = ноль) {
container._leaflet_id = ноль;
}

@Dipinrajc С помощью этого метода вы не можете перетаскивать мышью по карте.

Любая идея, как снова перетащить карту с помощью мыши @adrielstar ?

Я использую это @fillipefeitosa .

HTML:
< div id="карта" >< /div>

визуализировать карту:
document.getElementById('map').innerHTML = "< div id='map' style='width: 100%; height: 100%;'>";

перезагрузить содержимое div, где отображается карта.
Хоп это тебе тоже поможет

Спасибо друг, но это не сработало. Он заменил мой var map на div, и карта не загружается

Перед инициализацией карты проверьте, была ли карта уже инициирована или нет.

var container = L.DomUtil.get('map');
если (контейнер! = ноль) {
container._leaflet_id = ноль;
}

существует ли для этого листовой метод?

такая же проблема и у меня :(

Перед инициализацией карты проверьте, была ли карта уже инициирована или нет.
var container = L.DomUtil.get('map');
если (контейнер! = ноль) {
container._leaflet_id = ноль;
}

существует ли для этого листовой метод?

@enzojimenez , вы можете создать для этого один метод, как я создал ниже

function initializingMap() // вызовите этот метод перед инициализацией карты.
{
var container = L.DomUtil.get('map');
если (контейнер! = ноль) {
container._leaflet_id = ноль;
}
}

Для решения проблемы определите:
импортировать * как карту из 'листовки';

@ViewChild («карта») mapElement: ElementRef;
карта: Карта.Карта;

this.map = Map.map (this.mapElement.nativeElement, {
максимальное увеличение: 18
});

Подходящее решение: https://www.designlimbo.com/leaflet-ionic-3-and-map-container-is-already-initialized/

как сказано здесь , это будет лучший способ сделать это:
if (map != undefined) { map.remove(); }

Перед инициализацией карты проверьте, была ли карта уже инициирована или нет.

var container = L.DomUtil.get('map');
если (контейнер! = ноль) {
container._leaflet_id = ноль;
}

Ты ангел