我致力于为网站定制谷歌地图。我设法通过 API 和定制站点获得了我想要的东西。
目前,可以滚动我的地图以更接近或更高。我想知道我们是否可以对放在我的地图上的 div 做同样的事情(其中包含一个表单)?
我的地图(表格在右边): *删除*
Ps:出于安全原因,我已将地图像素化。
先感谢您,
我致力于为网站定制谷歌地图。我设法通过 API 和定制站点获得了我想要的东西。
目前,可以滚动我的地图以更接近或更高。我想知道我们是否可以对放在我的地图上的 div 做同样的事情(其中包含一个表单)?
我的地图(表格在右边): *删除*
Ps:出于安全原因,我已将地图像素化。
先感谢您,
肯定的事。地图 api 公开了方法getZoom
和setZoom
类似的东西。您需要做的就是在容器中为鼠标滚轮事件设置事件处理程序。
它看起来像这样:
$('#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
在进行缩放之前使用。您选择作为中心的点将是地图放大的点。
@Phillip Schmidt:现在可以使用了。
我想知道你是否也有一些关于禁用“经典”滚动的知识?当我在 div 上滚动时,缩放效果很好,但“经典”滚动也是:/