vue echarts绘制旋转 攻击线 3D地球
2020-04-10 本文已影响0人
HTWOO鄭
安装
npm install --save echarts echarts-gl
因为本次渲染需要用到echarts-gl ,所以一起安装了
引入echarts，world是世界地图数据
容器
设置世界地图为球体表面纹理，通过新建一个canvas
球体参数
baseTexture可以设置为上面定义canvas，也可以是图片，这里添加的是世界地图，以便后续功能的拓展
绘制攻击线
数据渲染
下面是效果图
