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)
        }
      },
相关推荐
装疯迷窍_A2 小时前
ARCGIS国土超级工具集1.5更新说明
arcgis·插件·变更调查·电子报盘·批量分割矢量
GIS蚂蚁5 小时前
手动关闭ArcGIS与ArcGIS Online连接的方法
arcgis
小芋头的初码农5 小时前
冰川流域提取分析——ArcGIS pro
arcgis·学习方法·冰川流域
da-peng-song5 小时前
ArcGIS Desktop使用入门(四)——9版本与10版本区别
数据库·arcgis·编辑器
Bl_a_ck1 天前
npm、nvm、nrm
前端·vue.js·npm·node.js·vue
小七de尾巴1 天前
利用pnpm patch给第三方库打补丁
vue·pnpm·patch·补丁
DXM05211 天前
牟乃夏《ArcGIS Engine地理信息系统开发教程》学习笔记2
开发语言·javascript·笔记·学习·arcgis·ae
ILUUSION_S1 天前
Vue接口平台学习七——接口调试页面请求体
vue.js·vue
来自星星的坤2 天前
SpringBoot 与 Vue3 实现前后端互联全解析
后端·ajax·前端框架·vue·springboot
XDIGAS2 天前
Dockerfile项目实战-单阶段构建Vue2项目
docker·容器·centos·node.js·vue