main.js中
package.json 使用版本
在vue文件中使用
3d地图示例
中国地图json数据
import '@/components/china'
var myChart = this. echarts.registerMap("china", china)//china为上图中的json数据
const myChart = this.$echarts.init(document.getElementById('main'))
option={
//此处配置可参考官网例子即可
}；
myChart.setOption(option)
此处说明如何出现geo3d（立体地图）
数据来源
http://datav.aliyun.com/tools/atlas/#&lat=30.332329214580188&lng=106.72278672066881&zoom=3.5
按照需求，选择对应的数据，保存为json文件引入项目中即可
二者都是基于WebGL技术开发的js库Threejs受众面比较广，是封装了webgl的一些底层用法，让初学者更容易上手；例如绘制一个立方体，使用webgl原生api可能要写50行代码，包括构建坐标点，顶点组织、着色器等信息；在threejs里面可能只要一句代码就可以构建(实际上也是调用webgl原生api)，只是做了更大粒度的封装
Cesium受众面相对较小，是Gis相关的，也是基于WebGL开发的，它主要是三维地球相关的js库，可以展示二维地图服务(百度高德)、倾斜摄影模型；还可以在上面做一些三维分析，可以参考http://cesium.xin
如图：
npm install vue-baidu-map –save
3.在显示地图的组件中 template 中：
4.在显示地图的组件中 script 中：// path ， // path array 这里是3D棱柱的重要部分
template:
script部分
map3D.js
