很抱歉这个糟糕的标题,我不确定要使用的正确术语。
我在网页上放置了一张世界地图,图片上有一个画布窗口。此世界地图太大而无法一次查看,因此用户可以在窗口内平移图像。我还想在页面上放置一个“缩略图”版本的图像,上面有一个矩形光标 放在缩略图的顶部。当用户将光标移动到缩略图上时,大地图将移动(自动平移)以匹配缩略图上矩形光标下的区域![在此处输入图像描述] [1]
提供的图片中有一个例子。您将看到世界地图的一小部分。右侧是带有矩形光标的图像缩略图。移动光标后,世界地图将平移。
我正在使用HTML5和javascript。没有其他语言。如果有人能指出我的榜样或让我走上正确的道路,我将非常感激。
谢谢你!