jVectorMap自定义缩放按钮

11

使用jVectorMap可以隐藏缩放按钮,并通过其API调用Zoom In/Out。我已经查看了API文档,但未找到任何可导致地图重新缩放的方法。


可能是重复问题:http://stackoverflow.com/questions/9913035/jvectormap-zoom-in-by-code - Rubens Mariuzzo
@Rubens Mariuzzo - 我不需要居中或“带到视图”功能,我只需要隐藏缩放按钮并将缩放调用分配给我的自定义UI元素。 - user1514042
看起来从GitHub的项目来看,似乎可以隐藏缩放按钮,但是文档中找不到相关信息... - Rubens Mariuzzo
3个回答

32
当然。
隐藏按钮:
$('#map').vectorMap({
    map: 'world_mill_en',
    zoomButtons : false
});

获取地图的引用:

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

设置缩放级别:

map.setScale(4);

无法工作... - Morgan Codes

22

另外,你也可以使用以下方法禁用/启用滚动缩放:

zoomOnScroll: false

我在API中没有看到这个,但它确实有效,它是从哪里来的? - Mr.Web

5
此时还没有这样的功能。但是...
  1. 似乎有人要求隐藏缩放按钮的选项,已经完成但未记录在文档中,请参见功能请求状态:https://github.com/bjornd/jvectormap/pull/136
  2. 您可以通过GitHub创建功能请求来允许代码缩放:https://github.com/bjornd/jvectormap/issues/new
我强烈建议您创建该功能请求,以便项目背后的开发人员实际了解真正的需求。

编辑

浏览提到的功能请求,我发现有一个参数可以隐藏缩放按钮。因此,您需要在构建地图时传递zoomButtons属性并将其设置为false
$('#map').vectorMap({
  map: 'world_mill_en',
  zoomButtons : false
});

另外一件你正在寻找的事情(通过API缩放),如果你真的确定没有办法实现,我认为你应该创建一个伪装成功能请求的问题。

编辑2

在我的答案发布几个月后,该功能已经发布查看该答案


我希望我知道如何做那个... 不过我会尽力的。 - user1514042
你使用的是哪个版本?这个选项来自最新的提交,不确定它们是否已经包含在最新的发布中(但最好检查一下)。但是,如果很紧急,你可以获取最新的开发提交并进行测试... - Rubens Mariuzzo
我已经从网站上获取了最新版本,你能否尝试使用你手头的版本并查看是否可行? - user1514042
它不是最新版本,它已经被开发,但尚未合并到主分支,目前在开发分支中。 - Rubens Mariuzzo
请问您能将其推向线上吗? - user1514042

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接