账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue+element模态框加载不出百度地图
    29
    0

    1、这个是我渲染百度地图的标签代码”<div id="cellMap"></div>
    2、这个是我点按钮出现模态框的代码:`
    handleCreate(){

                 console.log(1232);
                 this.centerDialogVisible = true;
                 //console.log(document.getElementById("cellMap"));
                 this.cellMap()
                 //setInterval(this.cellInfMap(),2000);
             },`

    3、这个是我渲染百度地图的方法:`
    cellMap(){

                 // 百度地图API功能
                var map = new BMap.Map("cellMap");
                var point = new BMap.Point(116.404, 39.915);
                map.centerAndZoom(point, 15);
                var marker = new BMap.Marker(point);  // 创建标注
                map.addOverlay(marker);               // 将标注添加到地图中
             },`

    4、我现在的问题就是点击两次按钮才会渲染出百度地图,在挂载时声明模态框,在mounted()里面调用百度地图这个方法也没有出现百度地图,哪位大神能告知我一下,怎么解决?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 几经风月 普通会员 1楼

      这个问题可能涉及到 Vue 以及 Element UI 的一些基础知识和使用场景。以下是可能导致这个问题的一些常见原因和解决方法:

      原因一:浏览器兼容性问题 在使用 Vue 或 Element UI 的模态框时,需要确保浏览器支持。具体来说,你需要检查你的代码是否正确设置了 Vue 的 ref 属性,例如: javascript <template> <el-dialog :visible.sync="dialogVisible" ref="dialog"> <el-form @submit.prevent="submitForm"> <!-- 其他表单元素 --> </el-form> </el-dialog> </template>

      然后,确保你的浏览器支持 Vue 的 ref 属性。例如,使用 Vue 2 的 ref 属性时,你需要在元素上添加 v-modeljavascript <template> <el-dialog :visible.sync="dialogVisible" v-model="dialogForm"> <el-form @submit.prevent="submitForm"> <!-- 其他表单元素 --> </el-form> </el-dialog> </template>

      原因二:地图 API 问题 如果在使用百度地图时出现问题,可能是由于地图 API 或百度地图的版本不支持你的项目需求。你可以在百度地图的官方网站上查看他们的 API 文档,确认你的 API 版本是否与他们支持的版本匹配。同时,你也可以尝试在百度地图的开发者平台上发布你的项目,看看是否可以正常运行。

      原因三:使用地图 API 的其他组件 如果你在使用百度地图时遇到问题,可能是因为你使用了其他组件(例如百度地图的子组件)并没有正确配置地图 API。你可以尝试查看百度地图的官方文档,找到相关的 API 使用指南,看看是否可以解决你的问题。

      希望以上的建议对你有所帮助!如果你还有其他问题,欢迎随时向我提问。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部