Javascript 更改highmaps的缩放级别

我一直在尝试减少按下放大/缩小按钮时地图放大/缩小的量。似乎没有变量，它需要使用一个自定义函数

我想做的是用一个自定义事件覆盖放大/缩小按钮的默认事件，该事件使用mapZoom“Howmole”参数的自定义值。这是我能找到的唯一一个mapZoom函数运行的示例-：

---

但是我还没有弄清楚如何用自定义函数覆盖现有的放大/缩小按钮事件（我希望避免创建自己的按钮）。

好问题！我翻阅了地图导航按钮（）上的Highmaps API参考，并找到了实现方法：

mapNavigation: {
    buttons: {
        zoomIn: {
            // the lower the value, the greater the zoom in
            onclick: function () { this.mapZoom(0.1); }
        },
        zoomOut: {
            // the higher the value, the greater the zoom out
            onclick: function () { this.mapZoom(10); }
        }
    }
},

下面是一个基于Highmaps演示之一的活动小提琴：

根据我的测试，放大时的

mapZoom（）

值似乎需要是放大后仍希望看到的贴图的百分比（在本例中，我们只希望看到总贴图的10%）。任何

1

或更高的值似乎都不起作用

对于缩小，

mapZoom（）

的值似乎是一个乘数。所以，在本例中，我们放大到地图值的10%，所以你的缩小是该值的10倍

放大和缩小的默认值分别为

0.5

和

2

，这很有意义（放大到地图大小的50%；缩小2倍）

---

我希望这些信息对你既有帮助又有用

好极了！这比我想象的要简单得多。建议的值会增加缩放级别。对于较小的增量，以下操作效果良好：zoomIn:this.mapZoom（0.8）；zoomOut:this.mapZoom（1.25）；我很高兴这对你有用！感谢您为

mapZoom

提供建议的参数。

mapNavigation: {
    buttons: {
        zoomIn: {
            // the lower the value, the greater the zoom in
            onclick: function () { this.mapZoom(0.1); }
        },
        zoomOut: {
            // the higher the value, the greater the zoom out
            onclick: function () { this.mapZoom(10); }
        }
    }
},