Javascript/jQuery鼠标滚轮地图缩放

我有一张完全用CSS制作的地图。您可以查看它。我想将鼠标滚轮缩放功能添加到一个特定的DIV元素——地图的包装器中。有没有适合jQuery或简单JavaScript鼠标滚轮缩放的插件

---

我试过使用，但它只对图像有用。我看到的是谷歌地图中的效果。还有，有没有一种方法可以设置初始缩放位置？

一种简单的方法是应用变换：缩放地图包装器并检测窗口上的鼠标滚轮事件。谢谢，这是一个开始！我希望在放大/缩小时有更平滑的效果，并设置初始缩放。我有办法做到吗？比什么更顺利？请检查，它包括一个初始zoomlevel。小提琴在Chrome中不起作用，但在FF和IE11中起作用。我让它在Chrome中也起作用。但是Firefox上的缩放看起来非常急促：不关心IE。另外，我可以传递ID或类而不是document.body，这样缩放只在特定的div上发生吗？缩放会在页面上的任何地方生效，还是仅在该div上生效？是的，Chrome需要鼠标滚轮侦听器和webkit前缀作为转换属性名，我只是很懒。。。是的，当然可以传递元素而不是实体。当传递id或类时，需要稍微更改代码。脚本将仅对元素有效，该元素的style.transform已更改。我的小提琴只是一个演示。。。我想，只有在JSFIDLE的FF中，缩放是不稳定的。事实上，当我在另一台机器上打开小提琴时，我注意到了急促的变焦。当我在本地创建代码段时，没有任何问题。