地图边界拖拽效果分析

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值