朝雨的博客

原理：在一个大div下放两个，一个是Echart代码地图，一个是背景图片，然后将代码地图设置为透明，设置两个子元素的定位吻合就行。缩放与移动事件 ：https://blog.youkuaiyun.com/rRainyevening/article/details/107196809...

最开始看网上说设置数据中的selected: true，但发现无效，然后下图是修改后代码，设置数据中的selected: true， 原本选中样式是写在geo里，然后coordinateSystem: ‘geo’, 这样引用，导致无法生效。 事件名称() { let self = this; let myChart = echarts.init(this.$refs.myEchart); //这里是为了获得容器所在位置 let mapNam

myChart 是地图名字，georoam是监听缩放事件myChart.getZr().on('click', (res)=>{ // 空白 this.welfare = false});myChart.on('click', (res)=>{ this.cleanse(res)});myChart.on('georoam', (res)=>{ // 移动or缩放 this.cleanse(res)});...

要实现中国地图，并且有图片标点还能下钻，话不多说上效果图（下面有地图json文件提示）本效果使用Echarts ，我在找地图json文件时发现Echarts有文件，下图是路径。import china from ‘…/…/…/…/…/node_modules/echarts/map/json/china.json’; // 引入中国地图数据接下来上完整代码，有注释<temp...

Echarts 地图点击事件多次触发原因，有触发三次的，有触发两次的我推测是因为地图有下钻，虽然你点了中国地图，但同时也点了省份地图解决方法：myChart.off('click');// 这里使用off避免重复调用myChart.on('click', (res)=>{ （事件）});网上说的另一种解决方法，我使用无效：myChart.off('click').on('click', (res)=>{});...