echarts地图和百度车牌api

地图json下载-李鹏

echarts地图
VUE+Echarts+省市地图钻取(简洁版，超详细)

vue集成echarts map3d地图（省市下穿）
vue中使用echarts地图

vue + echart +map中国地图，省市地图，区县地图

echarts地图的基本使用配置
Echart百度地图使用

---

可视化篇：Echarts3.0引入百度地图（更新）成功显示！！
echart地图在vue中报错：BMap api is not loaded
echarts+bmap（百度地图）的Demo

echarts与java后台交互生成饼图
echarts柱状图X轴底部文字有的不显示出来？

灰信网 以echarts官方文档的例子来介绍vue中使用echarts地图 —采用

最新的地图json文件—采用

echarts数据区域缩放（鼠标滚轮、滚动条、拉选框）

echarts地图的tooltip

动态import地图json文件

 let result = await staApi.vehicleSta(params);
          this.districtidMapss = result.data.districtidMap
          let charMap = document.getElementById('map')
          // 注册可用的地图
          let linFen = require(`@/components/echarts-mapJson/${this.districtidMapss}.json`)
          echarts.registerMap('山东2', linFen);

经纬度查询

百度车牌api

• 1.echarts地图实现点击路由跳转

添加链接描述

小编在使用VUE的时候遇到了一个问题TypeError: Cannot read property 'push' of undefined
首先说明一下需求：小编想做的是在vue中使用echarts，然后点击echars图表进行切换路由，在切换路由的时候就报了一个这样的错误。

错误的写法是：

// 设置表格的点击事件进行路由的切换
this.chart.on(
"click",
function(param) {
// 可以使用下面的方式进行路由的切换
alert(param.name);
this.$router.push({
path: "/ssss/ssss"
// query: { params: ddd}
});
},
);
 

这样写会报错，此时this已经不指向vue实例对象了，所以找不到push，这时候我们可以用箭头函数来进行解决

正确的写法是：

// 设置表格的点击事件进行路由的切换
this.chart.on(
"click",
(param) => {
// 可以使用下面的方式进行路由的切换
alert(param.name);
this.$router.push({
path: "/ssss/ssss"
// query: { params: ddd} 用于传递切换时候的参数
});
},
);

此时运行即可正确的切换路由了