BMap组件设置高度和宽度

来源：8-1 （上）销售大盘地图组件开发

西域战神

2020-06-17

老师，这一节视频中我发现你没在BMap组件的最外层添加width和height，会导致百度地图无法渲染（可能你在别的地方修改了高度和宽度），花了不少时间解决

写回答

1回答

扬_灵

2020-06-17

同学你好，在vue-echarts中组件有设置默认的大小

.echarts {
width: 600px;
height: 400px;
}

我们的课程是在style/index.css中统一设置了

.echarts {
width: 100%;
height: 100%;
}

在BMap组件中我们没有使用外层的div包裹e-chart组件，

<template>
<v-chart :options="options"></v-chart>
</template>

所以地图宽高都是根据上一层元素的宽高来决定的，上一层是app宽度和高度都是100%，这个你可以通过控制台查看，如果不能解决你的问题，可以继续追问。

//img.mukewang.com/szimg/5ee970c909188be123980932.jpg

数据可视化入门到精通-打造前端差异化竞争力

同级别前端，掌握数据可视化薪资更高

1520 学习 · 1043 问题

相似问题

回答 2

回答 1

回答 1

回答 2

回答 2