我想滚动放大和缩小一个图像,但也有针在该图像上保持正确的位置.jQuery

I want to scroll zoom in and out of an image, but also have pins on that image stay positioned correctly. jQuery

本文关键字:图像 位置 jQuery 缩小 放大 滚动 一个      更新时间:2023-09-26

所以我想在我创建的地图上制作一个滚动缩放功能。该地图包含一个图像和位于地图顶部的多个div,标出位置(引脚)。

我发现了许多jQuery工具,可以在图像上滚动缩放。我可能也可以尝试使用鼠标位置和滚动量来编辑div的坐标。这是最好的方法吗?或者有人知道任何jQuery工具可以让我滚动放大和缩小div吗?

以下是我发现的一些用于滚动图像的工具。

图像缩放

滚轮缩放

您可以尝试使用leaflet.js。这是一个轻量级的javascript库,用于地图,但也适用于图像。本教程可以帮助你开始,你可能想看看这篇文章。

这是一个非常基本的例子,说明它可能是什么样子。