echarts用了城市地图打包后china-cities.json体积太大,怎么处理?求分析一下
import chinaCities from 'echarts/map/json/china-cities.json';
echarts.registerMap("chinaCities", chinaCities);
要将文件体积修改。就得把tab和空格键全去掉。
初步处理,体积减小1M,单独引入所需要的城市(我这里只用到了浙江省的城市和上海市)
import zhejiangCities from 'echarts/map/json/province/zhejiang.json';
export function getMyChinaCites() {
const showCityShortIds = showCityIds.map(x => x.slice(0, 2));
const myChinaCities = deepClone(zhejiangCities);
china.features.forEach(item => {
const cityShortId = item.id.slice(0, 2);
if (showCityShortIds.includes(cityShortId)) {
myChinaCities.features.push(item);
}
})
myChinaCities.features.forEach(item => {
item.properties.name = item.properties.name.replace('市', '');
})
return myChinaCities;
}
const chinaCities = getMyChinaCites();
echarts.registerMap("chinaCities", chinaCities);