Leaflet: 오류: 맵 컨테이너가 이미 초기화되었습니다.

기존 지도를 다시 초기화하려는 것 같군요... 여기에 있는 문제 게시판은 버그를 해결하고 새로운 기능을 제안하기 위한 것입니다. StackOverflow(http://stackoverflow.com/questions/tagged/leaflet)는 라이브러리 사용 문제를 해결하기에 더 좋은 곳입니다. 이것이 버그로 인한 것이라고 생각되면 JSFiddle 또는 다른 데모 사이트에 예제 사례를 게시하십시오.

문제는 버그가 아니라 MVVM의 구현과 관련된 것 같습니다. 전단지를 사용하여 일부 MVVM 예제를 검색하려고 합니다.

여기에 같은 문제가 ... 무엇이 될 수 있습니까?

@ralexrdz 아마도 두 번 이상 초기화하는 컨테이너입니까?

@mourner html은 기본적으로 id="map"인 div와 js 및 css를 로드하는 html 헤드입니다. 그리고 내가 가진 유일한 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 , Imagery © Mapbox ',
최대 줌: 18,
아이디: 'mapboxMapId,
accessToken: 'mapboxAccessToken'
}).addTo(지도);
컨테이너가 이전에 초기화되는 방법은 무엇입니까?

동일한 문제가 있습니다. React에서 전단지를 사용하고 있습니다.

그것은 반응 전단지 버그가 될 것입니다. 아마도 @epicallan

@danzel 저는 react-leaflet 버그인 react를 사용하고 있습니다. 방금 몇 가지 해킹 문제를 해결했습니다.

@epicallan 당신이 한 일을 설명해 주시겠습니까? React 및 Leaflet과 동일한 문제가 있습니다.

지도를 초기화하기 전에 지도가 이미 시작되었는지 여부를 확인합니다.

var 컨테이너 = L.DomUtil.get('지도');
if(컨테이너 != null){
container._leaflet_id = null;
}

@Dipinrajc 이 방법을 사용하면 지도에서 마우스로 드래그할 수 없습니다.

@adrielstar 마우스로 지도를 다시 드래그하는 방법에 대한 아이디어가 있습니까?

나는 이것을 @fillipefeitosa 를 사용한다.

HTML:
< div 아이디="지도" >< /div>

렌더 맵:
document.getElementById('map').innerHTML = "< div id='map' 스타일='너비: 100%; 높이: 100%;'>";

지도를 렌더링하는 div의 내용을 다시 로드합니다.
후프 이것도 도움이 될 것입니다

친구에게 감사하지만 작동하지 않았습니다. 내 var map 를 div로 대체하고 지도가 로드되지 않습니다.

지도를 초기화하기 전에 지도가 이미 시작되었는지 여부를 확인합니다.

var 컨테이너 = L.DomUtil.get('지도');
if(컨테이너 != null){
container._leaflet_id = null;
}

이에 대한 기존 전단지 방법이 있습니까?

나와 같은 문제 :(

지도를 초기화하기 전에 지도가 이미 시작되었는지 여부를 확인합니다.
var 컨테이너 = L.DomUtil.get('지도');
if(컨테이너 != null){
container._leaflet_id = null;
}

이에 대한 기존 전단지 방법이 있습니까?

@enzojimenez , 아래에서 만든 것처럼 하나의 방법을 만들 수 있습니다.

function initializingMap() // 지도를 초기화하기 전에 이 메서드를 호출합니다.
{
var 컨테이너 = L.DomUtil.get('지도');
if(컨테이너 != null){
container._leaflet_id = null;
}
}

문제를 해결하려면 다음을 정의하십시오.
* '리플릿'에서 지도로 가져오기;

@ViewChild('지도') mapElement: ElementRef;
지도: Map.Map;

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 컨테이너 = L.DomUtil.get('지도');
if(컨테이너 != null){
container._leaflet_id = null;
}

당신은 천사입니다