vue echarts绘制旋转 攻击线 3D地球

安装

npm install --save echarts echarts-gl

因为本次渲染需要用到echarts-gl ,所以一起安装了

引入echarts，world是世界地图数据

容器

设置世界地图为球体表面纹理，通过新建一个canvas

球体参数

baseTexture可以设置为上面定义canvas，也可以是图片，这里添加的是世界地图，以便后续功能的拓展

绘制攻击线

数据渲染

下面是效果图

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容