我想滚动放大和缩小图像，但该图像上的引脚也保持正确定位。 jQuery答案

【问题标题】：I want to scroll zoom in and out of an image, but also have pins on that image stay positioned correctly. jQuery我想滚动放大和缩小图像，但该图像上的引脚也保持正确定位。 jQuery
【发布时间】：2015-03-04 10:37:29
【问题描述】：

所以我想在我创建的地图上制作滚动缩放功能。该地图包含一个图像和一些位于地图顶部的 div，标出位置（大头针）。

我发现了许多 jQuery 工具，它们可以让我滚动缩放图像。我也可以尝试使用鼠标位置和滚动量来编辑我的 div 的坐标。这是解决这个问题的最佳方式吗，或者有人知道任何 jQuery 工具可以让我滚动放大和缩小 div 吗？

这是我找到的一些用于滚动图像的工具。

image zoomer

Wheel zoom

【问题讨论】：

标签： javascript jquery html css jquery-plugins

【解决方案1】：

您可以尝试使用leaflet.js。它是一个用于地图的轻量级 JavaScript 库，但它也适用于图像。这个tutorial 可以帮助你开始，你可能想检查这个post。

Here 是其外观的一个非常基本的示例。

【讨论】：

谢谢你，虽然它看起来很困难。我想知道我是否最好自己做，通过使用工具缩放图像并获取缩放级别 + 鼠标位置并自己计算 div 的坐标。
为什么不试试呢？老实说，我认为遵循这样的教程比创建自己的缩放功能更容易。此外，您还可以发现一个很酷的新图书馆 :)
啊，我试试看。