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)
        }
      },
相关推荐
经年未远3 小时前
vue3中实现耳机和扬声器切换方案
javascript·学习·vue
RichardLau_Cx9 小时前
【保姆级实操】MediaPipe SDK/API 前端项目接入指南(Web版,可直接复制代码)
前端·vue·react·webassembly·mediapipe·手部追踪·前端计算机视觉
chao_78914 小时前
双设备全栈开发最佳实践[mac系统]
git·python·macos·docker·vue·全栈
码农幻想梦14 小时前
Vue3入门到实战【尚硅谷】
前端·vue
吃茄子的猫15 小时前
若依框架根据当前登录人信息,显示不同的静态公司logo
前端·vue
规划酱15 小时前
Arcgis中pip安装ezdxf部分GIS有pyparsing安装失败的情况处理
python·arcgis·pip·规划酱
奔跑的呱呱牛15 小时前
geojson-to-kml (KML 格式转换工具)
arcgis·json
GISer_Jing15 小时前
原生HTML项目重构:Vue/React双框架实战
vue.js·人工智能·arcgis·重构·html
千寻技术帮2 天前
10386_基于SpringBoot的外卖点餐管理系统
java·spring boot·vue·外卖点餐
GIS瞧葩菜2 天前
entity几何体旋转圈编辑(绕 Z 轴旋转)完整流程拆解
cesium