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

Question

tl; dr我想知道是否有可能让鼠标移动像Google Maps这样的网页。如果可能的话，我将如何做的基本思路是什么？

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

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

并赞赏有关如何实现此目标的提示或想法。

Answer 1

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