html{height:100%}body{height:100%;margin:0px;padding:0px;}#app{height:100%}一、前言一、背景描述最近在做一个数据可视化的项目。从网上找的，但是没有相关的学习资料。我打算根据自己的探索写一个系列。入门实践课程。2、使用框架1、vue2.x2、echarts4+3、threejs4、vue-cli2.9+5、nodejs12+6、百度地图api二、项目准备1、申请百度地图api官网参考百度地图api官网手册，进行APIkey申请，地址如下http://lbsyun.baidu.com/index.php?title=jspopular3.0/guide/getkey申请完成后查看访问百度的key控制台上的地图。2.引入百度地图api在vue项目的index.html中，在head标签中引入如下代码，修改ak处的applicationkey（即第二步中的ak）3.module.exports={}在build/webpack.base.conf.js中添加以下代码在：externals:{'BMap':'BMap','BMap_Symbol_SHAPE_POINT':'BMap_Symbol_SHAPE_POINT'}4.修改界面高度**默认页面高度为0，需要设置为100%才可以显示在界面**(1)index.htmlhtml{height:100%}body{height:100%;margin:0px;padding:0px;}#app{height:100%}(2)app.vue(3)HelloWorld.vue.hello{height:100%;}5.编写HelloBmap.vue组件代码如下，注意设置高度，否则显示不出来。
