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组件退拽和缩放
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
相关阅读更多精彩内容
- 在vue项目中安装ECharts组件 npm install echarts --save 在main.js中引用...
- 一、效果图 主要在微信小程序中模仿头条的国内疫情数据详情界面,点击页面按钮可以动态切换“现有确诊”和“累计确诊...
- 阿里云DataV数据可视化工具的简单使用与地图组件区域下钻热力图下钻上钻控制缩放比例demo 简介: DataV数...
- 在使用echarts中经常会遇到这样的问题,数据量过多导致图表展现出来的效果很丑,其实在初始展现的时候没必要全部显...
- 这篇文章会介绍「 H5 + 原生 JS」和「 封装 React 组件」中两种实现方式。 「 H5 + 原生 JS」...