Leaflet: 错误：地图容器已经初始化

听起来您正在尝试重新启动现有地图...这里的问题板更多地用于解决错误和新功能的建议。 StackOverflow(http://stackoverflow.com/questions/tagged/leaflet) 是解决您对库的使用问题的更好地方。 如果您确实认为这是一个错误，请将您的示例案例发布在 JSFiddle 或其他演示站点中。

看起来问题与 MVVM 中的实现有关，而不是错误。 将尝试使用传单搜索一些 MVVM 示例。

同样的问题在这里......它可能是什么？

@ralexrdz可能是您多次初始化的容器？

@mourner html 基本上是 html 头部加载 js 和 css 以及一个 id="map" 的 div。 我唯一的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，
id: 'mapboxMapId,
访问令牌：'mapboxAccessToken'
}).addTo(地图);
以前怎么可能初始化过容器？

我有同样的问题，我在 React 中使用传单

这可能是一个反应传单错误@epicallan

@danzel我正在使用 react，它的 react-leaflet 错误，只是做了一些 hacky 工作

@epicallan你能解释一下你做了什么吗？ 我对 React 和 Leaflet 有同样的问题。

在初始化地图之前检查地图是否已经启动

var container = L.DomUtil.get('map');
如果（容器！= null）{
容器._leaflet_id = null;
}

@Dipinrajc使用此方法，您无法在地图上用鼠标拖动。

任何想法如何用鼠标@adrielstar再次拖动地图？

我是这个@fillipefeitosa 。

HTML：
<div id="地图" ></div>

渲染地图：
document.getElementById('map').innerHTML = "<div id='map' style='width: 100%; height: 100%;'>";

在渲染地图的地方重新加载 div 的内容。
箍这也会帮助你

谢谢朋友，但是没有用。 它用 div 替换了我的var map并且地图不加载

在初始化地图之前检查地图是否已经启动

var container = L.DomUtil.get('map');
如果（容器！= null）{
容器._leaflet_id = null;
}

是否有现有的传单方法？

我也有同样的问题:(

在初始化地图之前检查地图是否已经启动
var container = L.DomUtil.get('map');
如果（容器！= null）{
容器._leaflet_id = null;
}

是否有现有的传单方法？

@enzojimenez ，您可以为此创建一种方法，如下所示

function initializingMap() // 在初始化地图之前调用此方法。
{
var container = L.DomUtil.get('map');
如果（容器！= null）{
容器._leaflet_id = null;
}
}

要解决此问题，请定义：
从'传单'导入*作为地图；

@ViewChild ('map') 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');
如果（容器！= null）{
容器._leaflet_id = null;
}

你是天使