vue echarts 动态加载地图

博客介绍了vue echarts动态加载地图的方法,无需import,可动态取得路径并写在require里,用${}包含动态值。还提及若访问public下的静态文件资源,可使用axios.get。

vue echarts 动态加载地图
不需要import,动态取得路径,写在require里面,${}里面写动态取得的值。

下面路径表示 “./mapjson/110000/110101.json”

let mapS = '110000'
let map = '110101'
const json = require(`./mapjson/${mapS}/${map}.json`)
this.$echarts.registerMap('map', json)

如果需要访问静态文件资源,public下的文件,用axios.get

let json
axios.get(`/map/${map}.json`).then(res => {
   json = res.data
   this.$echarts.registerMap('map', json)
 })
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值