Jquery 关于css溢出、平移和缩放的一些问题

我已经用div和css做了一个映射，你可以从上面找到一个测试文件

但我试图在它上获得平移和缩放功能，最好的应该是它应该像谷歌地图一样工作，用户可以使用鼠标上的滚轮进行缩放，并通过单击和拖动进行平移

因此，现在我使用整个浏览器窗口时，应该显示地图的区域应该更小

我搜索并尝试了一些带有溢出的代码：hidden，但我没有任何东西可以使用，最好的解决方案只是针对图像

---

有什么想法吗？

这将是一个很好的起点：

尝试将可拖动元素放入“查看窗口”中，并将“查看窗口”溢出设置为隐藏

更新

像这样：

资源

---

谢谢，现在只剩下缩放功能：-）但也许我能更好地计算出来，因为那时需要更大的div大小的数学运算