vue 使用el-dialog调用高德地图,无法显示
setTimeout(function(){console.log('this.mapCenter',this.mapCenter)_self.map = new AMap.Map("mapContainer", {resizeEnable: true,zoom: 13,center:_self.mapCenter});.
·
高德地图在页面中引用能够正常显示,但是想在el-dialog中显示高德地图并进行操作,地图无法显示
1、主要原因是当前生命周期mounted执行完成后,页面el-dialog元素并不存在,所有无法显示地图。
解决方法:兼听el-dialog 显示时 创建地图
setTimeout(function(){
_self.map = new AMap.Map("mapContainer", {
resizeEnable: true,
zoom: 13,
center:_self.mapCenter
});
_self.map.on('movestart',function(){
//地图开始移动事件
});
_self.map.on('mapmove',function(){
//地图移动中事件
});
},500)
更多推荐
已为社区贡献2条内容
所有评论(0)