我想构建一个像谷歌地图一样工作的图像滚动器。网站首次加载时，页面中间会出现一个查看框，其中包含部分图像。用户可以单击并拖动图像，即滚动，以检查图像的其他区域。如果用户碰巧滚动到图像的边界之外，该框将加载相邻的图像。我还想用标记覆盖这些图像，用户可以单击以放大以获取更多详细信息。
是否有一个库可以满足我的需求？或者接近我想要的东西，以便我可以开始定制它？或者如果我必须从头开始构建，对一般方法有什么建议吗？
我喜欢使用 jquery 库，所以用 jquery 构建的任何东西都会很棒。
【问题讨论】：
标签： javascript jquery image
看看Overscroll jQuery 插件。
【讨论】：
我在类似的项目中使用了OpenLayers，效果很好！ 虽然不是基于 jQuery。
它提供免费地图，但您也可以拥有自己的图像。
【讨论】：
我认为这并不能满足您的所有需求，但可能是一个不错的起点：SpryMap
【讨论】：
只是为了在编写/寻找解决方案时考虑一些设计理念：
有两种方法可以做到这一点，一种是在用户滚动到它们附近时预加载多个切碎的图像，另一种是更简单并加载一张大图像。
如果您的图像非常大，您应该选择预加载分段的解决方案，因为如果您可以无缝执行，这将更加用户友好。
大图像会显着降低某些计算机/移动设备的速度！
【讨论】：
如果你自己构建了一些东西，它可能不会是纯 jQuery。您可能想编写一个服务器脚本，将大图像处理成缓存的片段，或者即时提供片段。这就是您可以开始使用 jQuery 来控制加载的内容和时间的点。
【讨论】：
我认为CraftMap 似乎可以满足您的要求。但我不确定它是否支持缩放。
【讨论】：