在Vue项目中引入 ECharts 3D 路径图 Flights GL（需安装echarts

（3）已全局引入，单页面中无需再引。

2.echarts-gl 包的下载

（1）注意此处有坑，如果我们直接使用 npm 命令 npm install echarts-gl 下载 echarts-gl 是无法下载的，会报错（名字冲突，拒绝下载），所以我们下载 echarts-gl 的低版本；

npm i echarts-gl@1.1.0 -S

（2）然后，同样在 src 下 main.js 中全局引入 echarts-gl；

import ‘echarts-gl’

（3）已全局引入，单页面中无需再引。

3.jQuery 包的下载

（1）通过 npm 安装 jQuery；

npm install jquery --save

（2）在 src 下 main.js 中引入 jQuery；

import jquery from ‘jquery’;

Vue.prototype.$ = jquery;

（3）在需要使用到 jQuery 的页面中引入；

import $ from “jquery”

4.小结

npm 下载依赖：

npm install echarts --save;

npm i echarts-gl@1.1.0 -S;

npm install jquery --save;

main.js 中：

import echarts from ‘echarts’

import ‘echarts-gl’

import jquery from ‘jquery’

Vue.prototype.$ = jquery;

Vue.prototype.$echarts = echarts;

页面文件中：

import $ from “jquery”; //引入jQuery

import ‘echarts/map/js/world.js’ //必须引入世界地图

注意世界地图必须在页面中引入，否则3d路径图依然无法呈现。

---

三、完整代码

---