第一步:安装依赖和全局注册echart
安装步骤请看我另一篇文章vue + echart +map实现中国,省,市地图
将市的json 文件放在全局static 文件夹下,并引入
import baotoushi from '../../../static/json/huhehaoteshi.json'
import huhehaoteshi from '../../../static/json/huhehaoteshi.json'
import baotoushi from '../../../static/json/baotoushi.json'
import wuhaishi from '../../../static/json/wuhaishi.json'
。。。。。引入全部
第二步: methods里定义方法,先初始化地图实例(自己查文档加地图底色)
getDownMap(){
let that = this;
let chart = that.$echarts.init(document.getElementById("mapChart"));
let name = "内蒙古";
let option = {
geo: {
map: name,
label: {
normal: {
show: true,
textStyle: {
color: '#fff',
fontSize: 20
}
},
emphasis: {
textStyle: {
color: '#fff'
}
}