背景
可视化大屏需求,地图可切换到世界地图、中国地图、各个省份地图。
开始—引入echarts
npm install echarts
import echarts from 'echarts';
##初始化数据
// 设置地图数据
async setMapType(obj) {
let url = '';// 本地地址
if (obj == 'china') {
url = `${location.origin}${location.pathname}models/map/json/china.json`;
} else if (obj == 'world') {
url = `${location.origin}${location.pathname}models/map/json/world.json`;
} else {
url = `${location.origin}${location.pathname}models/map/json/province/${obj}.json`;
}
const map = await common.loadJson(url);//从静态json读取文件数据
if (map != false) {
echarts.registerMap('map', JSON.stringify(map));//注册地图数据
}
},
// 加载外部json文件
async function loadJson(url = '') {
const result = await $.ajax({
type: 'get',
url,
dataType: 'JSON',
success(map) {
return map;
},
error() {
return false;
},
});
return resu