jquery - jVectorMap 自定义缩放按钮

Question

使用jVectorMap是否可以隐藏缩放按钮并使用其 API 调用放大/缩小？我检查了 API 文档，找不到任何方法，导致地图重新缩放。

score 32 · Accepted Answer

当然。

隐藏按钮：

$('#map').vectorMap({
    map: 'world_mill_en',
    zoomButtons : false
});

获取地图参考：

map = $("#world-map-gdp").vectorMap('get', 'mapObject');

设置缩放级别：

map.setScale(4);

score 22 · Accepted Answer

22

在旁注中，您还可以使用禁用/启用滚动缩放

zoomOnScroll: false

于 2013-10-14T09:50:56.350 回答

score 5 · Accepted Answer

目前没有这样的功能。但...

似乎其他人要求隐藏缩放按钮的选项，并且已经完成但似乎没有记录，请参阅功能请求状态：https ://github.com/bjornd/jvectormap/pull/136 。
要允许通过代码放大/缩小，您可以并且应该通过 GitHub 创建功能请求：https ://github.com/bjornd/jvectormap/issues/new

我强烈建议您创建功能请求，以便项目背后的开发人员能够真正了解真正的需求。

编辑

通过上述功能请求，我可以看到有一个参数来隐藏缩放按钮。因此，您需要构建您的地图，将zoomButtons属性传递给false：

$('#map').vectorMap({
  map: 'world_mill_en',
  zoomButtons : false
});

您正在寻找的另一件事（通过 API 放大/缩小），我认为如果您真的确定没有办法做到这一点，您应该创建一个隐藏为功能请求的问题。

发布我的答案几个月后，该功能已发布，请参阅该答案。