arcgis js之地图分屏同步

arcgis js之地图分屏同步

原理:

新建两个map两个view或者一个map两个view。对地图进行移动事件绑定,在地图移动时同步地图方位

代码:

views.forEach((view) => {
        // 定义一个范围变量
        let fullextent = null
        // 设置鼠标滚轮事件
        view.on('mouse-wheel', (e) => {
          // 延迟获取范围的函数
          window.setTimeout(() => {
            // 获取操作图层的范围
            fullextent = view.extent
            // 遍历所有视图来设置这个范围
            views.forEach((nview) => {
              nview.extent = fullextent
            })
          }, 1000)
        })
        // 设置鼠标拖拽事件
        view.on('drag', (e) => {
          // 获取操作图层的范围
          fullextent = view.extent
          // 遍历所有视图来设置这个范围
          views.forEach((nview) => {
            nview.extent = fullextent
          })
        })

注:

views是两个view的数组: 

let views = [this.view, this.referview]

钻研不易,转载请注明出处......

原文地址:https://www.cnblogs.com/s313139232/p/11599233.html