单击以拖动网站的垂直和水平同时滚动

Question

tl; dr我想知道是否有可能使鼠标移动类似google maps的网页。如果可能的话，我将如何做的基本思路是什么？

我目前正在计划一个网站，我的想法之一是让用户单击并拖动以在2维中移动。这种体验与Google地图类似，您可以在其中单击并拖动以在空间中移动。

我已经看到了一些代码片段，可以让您用鼠标水平滚动，但是找不到任何可以同时进行水平和垂直操作的代码。

以及有关如何实现此目标的提示或想法，我们对此表示赞赏。

Answer 1

有可能。想法是使用mousedown，mousemove和mouseup事件。页面发生什么情况取决于您使用的容器。例如，谷歌地图使用<canvas>显示地图。