javascript – 谷歌地图像图像滚动

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

有没有我想要的图书馆？ 或者接近我想要的东西，以便我可以开始定制它？ 或者，如果我必须从头开始构建，有关一般方法的任何建议吗？

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

Answer 1

看看Overscroll jQuery插件。

Answer 2

我不认为这会做你想要的一切，但可能是一个好的起点： SpryMap

Answer 3

我已经将OpenLayers用于与此类似的项目，并且效果很好！ 不过基于jQuery。

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

Answer 4

只是在编写/找到解决方案时要考虑一些设计思路：

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

如果您的图像非常大，您应该选择预加载段的解决方案，因为如果您可以无缝地执行此操作，这将更加用户友好。

大图会显着减慢一些电脑/移动设备的速度！

Answer 5

如果你自己构建了一些东西，它可能不是纯粹的jQuery。 您需要编写一个服务器脚本，该脚本可以将您的大图像处理为您缓存的段，或者即时提供段。 这就是你可以开始使用jQuery来控制什么时候加载的问题。

Answer 6

我认为CraftMap似乎提供了你所要求的。 但我不确定它是否支持缩放。