地图拖拽会涉及到边界问题,当地图已经达到边界状态时,如何控制地图的拖动动作,下面对这一效果的体现方式做出分析:
分析一:
地图到边界后禁止拖拽动作。
此方法可以体现出边界,但用户体验较差,无法明确辨识出是由于边界问题无法拖拽,还是由于地图本身或功能bug而禁止拖拽,因而我们不采用该方法。
分析二: (目前使用方法)
地图到边界后可继续拖拽动作,在松开鼠标后自动回到地图当前的边缘位置。
例如,将地图拖拽到左边界后继续操作,地图仍可以接着移动,而松开鼠标后,地图左边缘自动与浏览器左边界重合,显示在地图最左边区域。(注意:并非回到本次拖拽前的位置)
此方法用户体验较好,继续拖拽和自动回弹明确了地图边缘,松开鼠标后,判断当前屏幕中心点是否在地图范围上,如果不在(已至边缘甚至出界),则进行正确位置的调整。
分析三: (后期会尝试用此方法,内容待续!)
地图到边界后继续拖拽,同时边界显示逐渐变粗的"红"线,在松开鼠标后自动回到地图相应的边缘位置。
此方法效果更好一些,同时明确了边缘问题。