高德地图在页面中引用能够正常显示,但是想在el-dialog中显示高德地图并进行操作,地图无法显示
1、主要原因是当前生命周期mounted执行完成后,页面el-dialog元素并不存在,所有无法显示地图。
解决方法:兼听el-dialog 显示时 创建地图
setTimeout(function(){
_self.map = new ("mapContainer", {
resizeEnable: true,
zoom: 13,
center:_self.mapCenter
});
_self.('movestart',function(){
//地图开始移动事件
});
_self.('mapmove',function(){
//地图移动中事件
});
},500)