javascript - 谷歌地图像图像滚动 [英] javascript - google map like image scrolling

问题描述

我想构建一个像谷歌地图一样工作的图像滚动条。首次加载网站时，页面中间会有一个包含图像部分的查看框。用户可以单击并拖动图像（即滚动）以检查图像的其他区域。如果用户碰巧滚动超出图像的周边，则该框将加载相邻图像。我还希望使用标记覆盖这些图像，用户可以点击这些标记以放大以获取更多详细信息。

I want to build an image scroller that works like google map. When the website first loads, there will be a viewing box in the middle of the page that contains part of an image. A user can click and drag the image, that is scrolling, to inspect other areas of the image. If the user happens to scroll beyond the perimeter of the image, the box will load an adjacent image. I also want to overlay these images with markers that the user can click on to zoom in for more details.

是否存在可以执行我想要的库？或者接近我想要的东西，以便我可以开始定制它？或者如果我必须从头开始构建，有关一般方法的任何建议吗？

Is there a library that does what I want already? Or something close to what I want so that I can start to customize it? Or if I have to build from scratch, any suggestions on the general approach to take?

我喜欢使用jquery库，所以用jquery构建的任何东西都会很棒。

I like using jquery library, so anything built with jquery would be awesome.

推荐答案

看一下 Overscroll jQuery插件。

Take a look at the Overscroll jQuery plugin.

这篇关于javascript - 谷歌地图像图像滚动的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！