this.chartMap.on('georoam', (params) => {
let option = this.chartMap.getOption();//获得option对象
let len = option.geo.length;
if (params.zoom != null) { //捕捉到缩放时
for (var i = 0; i < len; i++) {
option.geo[i].center = option.geo[0].center;
option.geo[i].zoom = option.geo[0].zoom;
}
} else {//捕捉到拖曳时
for (var i = 0; i < len; i++) {
option.geo[i].center = option.geo[0].center;
}
}
this.chartMap.setOption(option);//设置option
})
echarts地图geo组件退拽和缩放
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 在vue项目中安装ECharts组件 npm install echarts --save 在main.js中引用...
- 一、效果图 主要在微信小程序中模仿头条的国内疫情数据详情界面,点击页面按钮可以动态切换“现有确诊”和“累计确诊...
- 阿里云DataV数据可视化工具的简单使用与地图组件区域下钻热力图下钻上钻控制缩放比例demo 简介: DataV数...
- 在使用echarts中经常会遇到这样的问题,数据量过多导致图表展现出来的效果很丑,其实在初始展现的时候没必要全部显...
- 这篇文章会介绍「 H5 + 原生 JS」和「 封装 React 组件」中两种实现方式。 「 H5 + 原生 JS」...