javascript - 当光标靠近 Google Maps API V3 中的 map 边缘时移动 map

Question

我使用 Rectangle 形状工具构建了一个选择工具。您可以通过在标记上绘制一个矩形并释放删除矩形来选择标记(就像在桌面操作系统上选择东西一样)。

这很好用，只是当您到达 map 边缘时 Google map 不会平移，因此如果它刚好离开屏幕您将无法继续选择。就像您在网页上选择文本并选择折叠下方的文本一样，它会向下滚动。

我知道如何平移和居中 map ，但我不确定如何使用它们在到达 map 边缘时获得平滑的滚动感。

Answer 1

在屏幕上做 8 个额外的矩形，它们是透明的，也许带有 js 支持的绝对定位会是个好主意。

当用户选择时:

If users mouse is on area1 -> go north-west (code it)
If users mouse is on area2 -> go north (code it)
If users mouse is on area3 -> go north-east (code it)
If users mouse is on area4 -> go east (code it)
If users mouse is on area5 -> go south-east (code it)
If users mouse is on area6 -> go south (code it)
If users mouse is on area7 -> go south-west (code it)
If users mouse is on area8 -> go west (code it)

如果 map 可以旋转 - 你必须调整滚动。

如果你想要流畅的动画，你可以做...例如 area1:取 y 轴并将其与鼠标位置进行比较并调整加速度和最小/最大速度。对于拐 Angular ，您可以进行正常的点对点距离计算。

毕竟你可以声明径向加速度，但我认为如果还为它提供应用程序，它会导致低规范智能手机崩溃。