小鱼尼莫


专注于前端(JavaScript、jQuery、html+css)

博主做程序同时,还经营了一家手工发饰淘宝店,纯手工精致发饰发夹, 程序猿送女友必备神器!需要的可以支持一下哦!

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