如何在缩放后居中div

时间:2013-07-24 13:54:05

标签: javascript jquery html css zoom

我对我认为很容易的事情有点麻烦。我正在尝试实现一个可以用鼠标滚轮放大和缩小的地图。这部分工作得很好,但总是左右角保持在(0/0)。我试图给它典型的谷歌地图缩放,但它并没有真正解决。

我准备了一点jsFiddle让你看看我在说什么。正如我所说,我试图在centerOnMouse函数中实现定心部分,但到目前为止我没有运气。也许任何人都可以建议如何改变它以满足我的需要。提前谢谢。

2 个答案:

答案 0 :(得分:2)

您只需围绕视口中心对齐地图,获取视口的半宽和半高,然后从该点进行缩放计算。您还可以使用视口中的鼠标点来缩放它。

答案 1 :(得分:0)

我认为此链接可能会解决您的问题 "Zoomable images using google maps api":)