滚动div

Question

我致力于为网站定制谷歌地图。我设法通过API和customization的网站获得了我想要的内容。

目前，可以滚动我的地图以更近或更高。我想知道我们是否可以在放置在我的地图上的div（包含一个表格）上做同样的事情？

我的地图（表单在右侧）： * *除去

Ps：出于安全原因，我将地图像素化。

提前谢谢你，

Answer 1

当然可以。地图api为这类事物公开了方法getZoom和setZoom。您需要做的就是为容器中的mousewheel事件设置事件处理程序。

它看起来像这样：

$('#container').on('mousewheel', function (e) {
  var currentZoom = map.getZoom();
  if (e.originalEvent.wheelDelta > 0) {
    map.setZoom(currentZoom + 1);
  }
  else {
    map.setZoom(currentZoom - 1);
  }
});

这是一个有效的jsFiddle，因此您可以看到它的实际效果。

此外，如果您尝试放大特定点，则可以在进行缩放之前使用setCenter。您选择作为中心的点将是地图放大的点。

Answer 2

@Phillip Schmidt：现在正在工作。

我想知道你是否也有一些关于禁用“经典”卷轴的知识？ 当我滚动我的div时，Zoom工作得很好但是'经典'滚动也是：/