如何在Echarts-for-React或仅在Echarts中更新缩放geooam上的地图

编程问答 2022-06-10

问题描述

我一直在互联网上搜索，但没有找到答案。 我正在尝试使用Echarts for React制作地图。我想在缩放（geooam）上更新地图以显示较小的区域。例如，在zoom = 1上将是省份，在zoom = 3上则地图将显示区域，依此类推。 事件监听器georoam无法返回正确的当前缩放值。如果我放大，则返回1.1，如果仅缩小0.9。 因此，我尝试手动计算和设置缩放比例，但是地图无法正常工作，它只能缩放到中心位置，根本无法移动它。 因此，也许您知道一些很好的解决方案。 下面，我粘贴了我的georoam函数的代码

const onGeoRoam = (params) => {
    if(params.zoom){
        if (params.zoom >= 1.1){
            setZoom(zoom+0.1)
        }else if(zoom >= 3 && params.zoom >= 1.1){
            setZoom(zoom+1)
        }else {
            setZoom(zoom-0.1)
        }

        if(zoom >= 2 && zoom < 3){
            setMap('regions')
        }else if(zoom >= 3 && zoom < 4){
            setMap('subregions')
        }else if(zoom >= 4 && zoom < 5){
            setMap('districts')
        }else if(zoom >= 5){
            setMap('municipalities')
        }else{
            setMap('provinces')
        }
    }

    setoption({
        tooltip: tooltip,series: [
            {
                name: "World Popestimates",type: "map",roam: true,map: map,selectedMode: 'single',zoom: zoom,emphasis: emphasis,scaleLimit: {min: 1,max: 10},aspectScale: "1.1",itemStyle: itemStyle,},],})
}

非常感谢您的帮助

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

apache-echartsechartsechartsreactjsreactjsreactjsreactjs