zoukankan      html  css  js  c++  java
  • 地图边界拖拽效果分析

      
    地图拖拽会涉及到边界问题,当地图已经达到边界状态时,如何控制地图的拖动动作,下面对这一效果的体现方式做出分析:
         分析一:
               地图到边界后禁止拖拽动作。
               此方法可以体现出边界,但用户体验较差,无法明确辨识出是由于边界问题无法拖拽,还是由于地图本身或功能bug而禁止拖拽,因而我们不采用该方法。
     
         分析二:           (目前使用方法)        
              地图到边界后可继续拖拽动作,在松开鼠标后自动回到地图当前的边缘位置。
        例如,将地图拖拽到左边界后继续操作,地图仍可以接着移动,而松开鼠标后,地图左边缘自动与浏览器左边界重合,显示在地图最左边区域。(注意:并非回到本次拖拽前的位置)
              此方法用户体验较好,继续拖拽和自动回弹明确了地图边缘,松开鼠标后,判断当前屏幕中心点是否在地图范围上,如果不在(已至边缘甚至出界),则进行正确位置的调整。
     
         分析三:       (后期会尝试用此方法,内容待续!)   
              地图到边界后继续拖拽,同时边界显示逐渐变粗的"红"线,在松开鼠标后自动回到地图相应的边缘位置。
              此方法效果更好一些,同时明确了边缘问题。
  • 相关阅读:
    idea gson使用
    spring对象工具类
    java反射判断对象空字段
    说说沟通乱这件事
    RandomShuffleQueue
    学习材料
    python异常处理
    tensorboard基础使用
    深度学习——特殊应用:人脸识别和神经风格转换[13]
    深度学习——目标检测[12]
  • 原文地址:https://www.cnblogs.com/qiongmiaoer/p/2989337.html
Copyright © 2011-2022 走看看