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)
        }
      },
相关推荐
GIS遥遥15 小时前
本科想找三维GIS的工作,需要学什么?
cesium·gis开发·三维gis·webgis开发
苏打水com21 小时前
第十五篇:Day43-45 前端性能优化进阶——从“可用”到“极致”(对标职场“高并发场景优化”需求)
前端·css·vue·html·js
半桶水专家1 天前
vue3事件处理详解
vue
二狗哈1 天前
Cesium快速入门24:Appearance编写着色器修改外观
3d·webgl·cesium·着色器·地图可视化
智航GIS1 天前
ArcGIS大师之路500技---031栅格计算器
arcgis
hdsoft_huge1 天前
在天地图中使用不同格式高效加载 PostGIS 的方案
arcgis·postgresql·数据可视化
智航GIS1 天前
ArcGIS大师之路500技---030栅格数据的镶嵌与裁切
arcgis
Q一件事1 天前
ArcGIS中的字段类型
arcgis
IT教程资源C2 天前
(N_122)基于springboot,vue网上订餐系统
mysql·vue·前后端分离·网上订餐系统·springboot网上订餐
星光一影2 天前
美容/心理咨询/问诊/法律咨询/牙医预约/线上线下预约/牙医行业通用医疗预约咨询小程序
mysql·小程序·vue·php·uniapp