javascript - Html 页面迷你 map 或 map 概览

Question

我有一个很大的 html 页面，例如 4000x6000 像素的图像和文本。我想在一个小的 div 中包含此页面的 map 概览之类的内容。我可以用来导航的整个页面的缩放版本。有谁知道一些 js 脚本或示例如何做到这一点？谢谢。

Answer 1

以下是您将如何操作的基本框架:

想办法截取整个页面。然后，使用比例因子(例如 1/25)缩小它的大小。

在页面的一 Angular ，叠加一张图片。创建一个事件处理程序，它对您单击图像的位置使用react。在事件处理程序内部，找到点击图像的位置(即 x 坐标、y 坐标)。

使用比例的倒数(如果比例是 1/25，则可能是 x25)来获取页面的实际尺寸。使用 jQuery 滚动到该位置。

如果您在其中一个步骤中需要任何帮助，请告诉我；这只是为了帮助您入门。