vue+mars3d叠加展示arcgis动态服务

数据格式:使用arcgis发布的动态服务

叠加和移除arcgis服务图层的方法

javascript 复制代码
 //加载arcgis地图服务
  function arcgisServer(i,d,m,p){
    i[d.data] = new mars3d.layer.ArcGisLayer({
      name:d.label,
      url:p,
      flyTo: true
    })
    m.addLayer(i[d.data])
  }

  //移除arcgis服务范围线
  function removeArcgisLayer(i,d,m){
    if(i[d.data]){
      m.removeLayer(i[d.data],true)
      i[d.data] = null;
    }
  }

map.vue中调用方法进行叠加图层,我这里是以图层目录树的方式展现

javascript 复制代码
handleNodeClick(e){
        //勾选进行数据叠加
        e.check = !e.check;
        if(e.check){
          //叠加展示范围线
          arcgisServer(this.arcgisServerData,e,this.map,e.url);
        }else{
          //移除范围线
          removeArcgisLayer(this.arcgisServerData,e,this.map)
        }
      },
相关推荐
lulu_06323 小时前
safari 浏览器输入框 focus时不显示那一闪一闪的图标
前端·css·vue·safari·element-plus
GIS思维5 小时前
ArcGIS字符串补零与去零
python·arcgis·arcgis pro
Allen.l10 小时前
Cesium中实现仿ArcGIS三维的动态图层加载方式
javascript·arcgis·cesium
羊小猪~~12 小时前
前端入门之VUE--vue组件化编程
前端·javascript·css·vue.js·vscode·vue·html
DARLING Zero two♡13 小时前
Microi吾码低代码平台:前端源码的本地运行探索
前端·低代码·开源·c#·vue
zzb15801 天前
Exp 智能协同管理系统-部门管理前端页面开发
前端·typescript·前端框架·vue
zzb15802 天前
管理系统前端框架开发案例学习
前端·学习·typescript·前端框架·vue
小彭努力中3 天前
16.在 Vue 3 中使用 OpenLayers 实现自定义地图缩放控件
前端·javascript·vue.js·arcgis·openlayers
Li3702349403 天前
【无标题】
arcgis