Vue项目中使用Echarts实现中国地图

echarts现在已经不提供地图map包的下载了（5.0之前会自带这个包），所以很多小伙伴做地图需要走很多弯路，今天给大家分享一下地图的实现

1、先在终端安装 npm install echarts --save

2、在main.js中引入echarts （注意这里有两种引入方式）
<1> 5.0以下版本： import echarts from 'echarts ’
<2> 5.0以上版本： import * as echarts from ‘echarts’
我这里用的是 “echarts”: “^5.2.1” 引入的是方式 <2>

3、注册在原型上 vue.prototype.$echarts = echarts

4、echarts现在已经不提供地图map包的下载了（5.0之前会自带这个包），但在HTML上是可以直接引用的，vue框架开发需要map包，下面是map包的地图数据，下载后将其文件夹名称改为map，放到项目文件夹node_modules中的[email protected]@echarts 文件夹下。

百度网盘链接：https://pan.baidu.com/s/1OMK8vmR7OtwcXUpTtTtzDg
提取码：6s4v

5、这里请求地图上的数据用的是 jsonp，需下载jsonp依赖包，不然会报错
npm i jsonp --save

6、将以下代码粘入 要实现地图页面的.vue文件中

7、进入页面即可查看效果

今天的分享到此结束，欢迎大家一起交流。