我想滚动放大和缩小一个图像,但也有针在该图像上保持正确的位置.jQuery
I want to scroll zoom in and out of an image, but also have pins on that image stay positioned correctly. jQuery
所以我想在我创建的地图上制作一个滚动缩放功能。该地图包含一个图像和位于地图顶部的多个div,标出位置(引脚)。
我发现了许多jQuery工具,可以在图像上滚动缩放。我可能也可以尝试使用鼠标位置和滚动量来编辑div的坐标。这是最好的方法吗?或者有人知道任何jQuery工具可以让我滚动放大和缩小div吗?
以下是我发现的一些用于滚动图像的工具。
图像缩放
滚轮缩放
您可以尝试使用leaflet.js。这是一个轻量级的javascript库,用于地图,但也适用于图像。本教程可以帮助你开始,你可能想看看这篇文章。
这是一个非常基本的例子,说明它可能是什么样子。
相关文章:
- javascript背景图像位置循环
- 使用JavaScript功能切换图像位置
- 视差'背景图像/位置/附件'jQuery的动画很不稳定
- 通过图像计数计算图像位置
- 如何在jquery中使用图像ID获取图像位置
- 在 HTML5 画布中,图像位置在设备之间更改
- 根据图像位置目录附加 CSS 样式
- 似乎无法使用关键事件更改图像位置
- 使用图形 API 检索照片的图像位置
- 具有自定义图像位置的全屏背景幻灯片(每张幻灯片)
- 使图像(位置:固定)仅在DIV内部可见
- 基于鼠标单击坐标显示图像位置
- 如何使用javascript更改网站上的背景图像位置
- 用javascript设置图像位置,不总是正确放置
- Javascript图像位置
- 如何在点击按钮时实现背景图像位置变化的幻灯片效果
- Javascript光标图像位置
- 链接或按钮鼠标悬停弹出框/图像位置更改
- 刷新页面后图像位置不正确
- 使用绝对图像位置