Html页面迷你地图或地图概述

Question

我有一个很棒的html页面，例如带有图像和文本的4000x6000像素。 我希望在一个小div中有类似于此页面的地图概述。我可以用来导航的整个页面的缩放版本。 有谁知道一些js脚本或示例如何做到这一点？感谢。

Answer 1

以下是您将如何做的基本框架：

找一种截取整个页面截图的方法。然后，使用缩放系数（如1/25）调整其大小。

在页面的一角，覆盖图像。创建一个事件处理程序，对您单击图像的位置做出反应。在事件处理程序内部，找到单击图像的位置（即x坐标，y坐标）。

使用刻度的倒数（如果刻度为1/25，可能为x25）以获得页面的实际尺寸。使用jQuery滚动到该位置。

如果您需要其中一个步骤的帮助，请告诉我们;这只是为了让你开始。

Answer 2

我无法想到在html / javascript中使用单一方法，因为我确定图像，但对于整个页面？如果该网站是用闪存构建的...但没有那个，我想你可能是S.O.L.抱歉。为什么你的网站还是那么大？这远远超出了平均用户的分辨率，违反了大约15条可用性规则。