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)
        }
      },
相关推荐
用户831348593069815 小时前
Vue3 + Cesium 实现热气球第一人称自动飞行(支持手机端)
cesium
华玥作者18 小时前
从“碎片化”到“资产化”:Vue3 + UniApp 组件库的进化论
ui·uni-app·vue·组件库
薛定谔的猫喵喵19 小时前
从零到一:Spring Boot + Vue 项目前后端运行完整指南
vue.js·spring boot·后端·pycharm·vue
No8g攻城狮2 天前
【AI工具】wsl2 + ubuntu22.04安装部署sub2api详细教程
人工智能·ai·go·vue
青山Coding2 天前
Cesium应用(六):三维地形中坡度分析的实现过程
前端·cesium
玩大数据的龙威2 天前
【ArcGIS技巧】—防止注记压盖之引出标注
arcgis
审判长烧鸡2 天前
【AI问答/前端】前端满天过海局(一)
前端·vue·浏览器
审判长烧鸡2 天前
【AI问答/前端】前端瞒天过海局(三)
前端·vue·html5·js
弹简特3 天前
【Vue3速成】04-vue3官方库-路由机制
前端·vue·路由