echarts地图能不能通过加减按钮控制缩放

Question

项目中用到了echarts的地图，在geo里有roam参数，不过是通过滚轮控制缩放的，这样用户体验不太好，能不能通过加减按钮或者地图比例尺的形式来控制缩放

Answer 1

可以试试我写的这个

<button onclick="roamMap(0)" style="position: absolute; z-index: 999">+</button>
<button onclick="roamMap(1)" style="position: absolute; left: 5%; z-index: 999">-</button>

    // 地图缩放 flag: 0->放大 1->缩小
    function roamMap(flag) {
        let currentZoom = nationalChart.getOption().geo[0].zoom; // 当前的缩放比例
        
        let increaseAmplitude = 1.2; // 点击按钮每次 放大/缩小 比例
        if (flag == 1) {
            increaseAmplitude = 0.8
        }

        nationalChart.setOption({
            geo: {
                zoom: currentZoom*increaseAmplitude
            }
        })
    }

Answer 2

可以的，通过按钮调用api，动态设置 myChart.setOption({ geo: { zoom: num } }) 即可完成缩放。
num根据你要缩放的大小比例来设置，1是初始值，0~1缩放，>1就是放大。

Answer 3

请问楼主这个问题解决了吗，求助