导入方法：1、使用“npm install echarts -S”命令安装echarts依赖；2、在“main.js”中全局引入echarts；3、在需要地图的页面中使用import语句引入“china.js”文件，添加相关代码即可。
本教程操作环境：windows7系统、vue2.9.6版、DELL G3电脑。
需求：显示各省名字，滑过标记地显示接入数量，点击标记地 显示系统数量已接入及能跳转对应页面信息的入口；
配置：
1.安装依赖
立即学习“前端免费学习笔记（深入）”；
npm install echarts -S
2.全局引入main.js
// 引入echarts import echarts from 'echarts' Vue.prototype.$echarts = echarts
3.在需要地图的页面引入 地图 china.js 查看官方文档 ，我自己保存的 china.js 点击下载（提取码 4rxi ）
import '../../../static/js/chinamap/china.js' // 引入中国地图数据
使用：
完整实例代码：
{{TipsList.name}}{{TipsList.value[2]}}
系统数量
{{TipsList.num[2]}}
已接入
提示：滚动鼠标滚轮控制地图缩放
完成后的图片：样式更改可查看官方文档自行修改；更多地图实例 请点击查看https://gallery.echartsjs.com/explore.html#charts=map~sort=rank~timeframe=all~author=all
相关推荐：《vue.js教程》
