openlayers 中设置地图最佳可视范围和限制缩放

最新推荐文章于 2024-03-20 14:59:42 发布

奔跑的痕迹

最新推荐文章于 2024-03-20 14:59:42 发布

阅读量6.0k

点赞数 2

分类专栏： openlayersJS 文章标签： webgl arcgis

本文链接：https://blog.csdn.net/qq_34817440/article/details/104232186

版权

openlayersJS 专栏收录该内容

9 篇文章 3 订阅

订阅专栏

目前随着科技发展，智慧城市的不断发展，GIS方面的技术也是层出不穷，如市场流行的 OPENLAYERS, CESIUM, THREE等，但是也会有很多棘手的问题，比如不同分辨率下，图层的显示范围，禁止缩放滑动等问题，下面我们就来谈谈OPENLAYERS对于这方面的设置

1、禁用鼠标缩放


	 // 初始化地图
   map = new Map({
     target: el,
     view: viewer,
     interactions: olDef({
       doubleClickZoom: false,// 取消双击放大功能交互
       mouseWheelZoom: false, // 取消滚动鼠标中间的滑轮交互
       shiftDragZoom: false, // 取消shift+wheel左键拖动交互
     })
   });

2、禁止鼠标拖动


  let pan = getPan();
  //false：当前地图不可拖动。true：可拖动
  pan.setActive(false);
  function getPan() {
    let pan ='';
    map.getInteractions().forEach(function(element, index, array) {
      if(element instanceof DragPan) {
        pan = element;
      }
    })
    return pan;
  }

3、可视范围设置


 // 可是范围 ,这个坐标得根据自己的地图去设置，一般是对角，如: 左上 <--> 右下
let displayRange = olExtent.boundingExtent([[104.89177879000005,31.436460560000057],[102.99076150500008,30.093134960000043]]);
 map.getView().fit(displayRange,map.getSize());