javascript - 我想滚动放大和缩小图像,但该图像上的图钉也保持正确定位。查询

标签 javascript jquery html css jquery-plugins

所以我想在我创建的 map 上做一个滚动缩放功能。该 map 包含一个图像和位于 map 顶部的一些 div,用于标记位置(图钉)。

我找到了许多 jQuery 工具,它们允许我在图像上滚动缩放。我也可以尝试使用鼠标位置和滚动量来编辑我的 div 的坐标。这是解决此问题的最佳方法吗?或者有人知道任何允许我滚动放大和缩小 div 的 jQuery 工具吗?

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

image zoomer

Wheel zoom

最佳答案

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

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

关于javascript - 我想滚动放大和缩小图像,但该图像上的图钉也保持正确定位。查询,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28852274/

相关文章:

html - 如何在angular2中重置选择

html - 调整表格布局 : fixed table in Safari?

JavaScript:将点击处理程序绑定(bind)到对象实例会引发未定义的错误

jquery - 为图像添加 ID

javascript - HTML/PHP/JQUERY - 选择正确的国家/地区时,将表单中的文本输入类型字段更改为选择器字段,否则将字段保留为文本框输入

javascript - .height() 不是函数 javascript

jquery - jsTree 上下文菜单问题

javascript - 除非条件通过,否则如何阻止 Bootstrap Tour 进入下一步

javascript - "seeked"事件在 HTML 音频元素中不起作用吗?

javascript - 调用回调时 AngularJS 不更新