elementUi模态框使用baiduMap错误记录

报错如下，可能是因为目标div还没生成

 

 

elementUi文档说明

 

 

在dom生成后再调用，正常

    buildMap(){
      let map = new BMap.Map("allmap");
      map.enableScrollWheelZoom();   //启用滚轮放大缩小，默认禁用
      map.enableContinuousZoom();    //启用地图惯性拖拽，默认禁用
  
      let myGeo = new BMap.Geocoder();
      myGeo.getPoint(this.address, function(point){
        if (point) {
          map.centerAndZoom(point, 16);
          let marker = new BMap.Marker(point)
          map.addOverlay(marker);
          marker.setAnimation(BMAP_ANIMATION_BOUNCE);
        }else{
          alert("您选择地址没有解析到结果!");
        }
      }, "广东省");
    }

    <!--百度地图定位-->
    <el-dialog title="百度地图定位" :visible.sync="showMap" @opened="buildMap">
      <div id="allmap" :style="'height: '+window.screen.height*0.5+'px'"></div>
    </el-dialog>

 

 

效果

 

 

vue使用百度地图

直接在index引入即可，不要用什么百度地图vue版，不好用，缺功能

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=密钥"></script><!--百度地图-->

 

 

参考

vue里面使用百度地图api 报错 Cannot read property 'gc' of undefined

百度地图api

 

转载于:https://www.cnblogs.com/lurenjia1994/p/10045322.html