javascript-谷歌地图般的图像滚动

我想建立一个像谷歌地图一样工作的图像滚动器。当网站首次加载时，页面的中间会有一个包含图像的一部分的观察框。用户可以单击并拖动图像（即滚动），以检查图像的其他区域。如果用户恰好滚动到图像的边界之外，该框将加载相邻的图像。我还想用标记覆盖这些图像，用户可以点击这些标记放大更多细节

有没有一个图书馆已经满足了我的需求？或者接近我想要的东西，这样我就可以开始定制它了？或者，如果我必须从头开始构建，对一般方法有何建议

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

看看jquery插件。

我曾用过类似的项目，效果非常好！ 但不是基于jQuery

---

它提供免费地图，但您也可以拥有自己的图像。

我认为这并不能满足您的所有要求，但可能是一个很好的起点：

只是为了在编写/找到解决方案时考虑一些设计想法：

有两种方法可以做到这一点，一种是使用多个切碎的图像，当用户在它们附近滚动时预加载，另一种更简单，加载一个大图像

如果您的图像非常大，您应该选择预加载片段的解决方案，因为如果您可以无缝地进行预加载，这将更加方便用户

---

大图像将大大降低某些计算机/移动设备的速度

如果您自己构建了一些东西，那么它可能不可能是纯jQuery。您可能希望编写一个服务器脚本，将大图像处理为缓存的片段，或者动态地为片段提供服务。在这一点上，您可以开始使用jQuery来控制何时加载什么

我想似乎能满足你的要求。但我不确定它是否支持缩放。

也请检查并重试。