HTML頁面迷你地圖或地圖概述

Question

我有一個很大的HTML頁面，像4000x6000像素與圖像和文字。 我想要一個小小格子裏有這個頁面的地圖概覽。我可以用來導航的整個頁面的縮放版本。 有誰知道一些JS腳本或例子如何做到這一點？謝謝。

Answer 1

這裏是你會怎麼做它的基本框架：

找到一種方法把整個頁面的截圖。然後，用比例因子調整它的大小（比如1/25）。

在頁面的角落，覆蓋圖像。創建一個事件處理程序，對您點擊圖像的位置做出反應。在事件處理程序的內部，找到圖像被點擊的位置（即x座標，y座標）。

使用比例的倒數（如果比例是1/25，則可能是x25）以獲得頁面的實際尺寸。使用jQuery滾動到該位置。

如果您需要其中一個步驟的幫助，請告訴我;這只是爲了讓你開始。

Answer 2

我想不出在html/javascript中做到這一點的單一方法，對於我的圖像肯定，但對於整個頁面？如果這個網站是建立在flash上​​的......但是沒有那個，我想你可能是S.O.L.抱歉。無論如何，你的網站爲何如此之大？這遠遠超出了平均用戶分辨率，並且違反了大約15個可用性規則。