openLayer设置禁止拖拽地图

最新推荐文章于 2024-06-25 22:45:00 发布

原创最新推荐文章于 2024-06-25 22:45:00 发布 · 2.1k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#openLayer #gis

web前端专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种在使用ol/interaction/DragPan包时，如何通过编程方式禁用地图拖拽功能的方法。通过获取DragPan实例并设置其活动状态为false，可以有效地阻止用户拖动地图。

import DragPan from 'ol/interaction/DragPan'//先在项目中引用此包

getPan() {
    let pan = null
    this.map.getInteractions().forEach(element => {
        if (element instanceof DragPan) {
            pan = element
        }
    })
    return pan
},

let pan = this.getPan()
pan.setActive(false)//false禁止拖拽，true允许拖拽