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)
        }
      },
相关推荐
biyezuopinvip7 小时前
基于Spring Boot的社区互助平台设计与实现(毕业论文)
java·spring boot·vue·毕业设计·论文·毕业论文·社区互助平台设计与实现
joan_857 小时前
input禁止自动填充
前端·elementui·vue
GIS萬事通8 小时前
基于arcgis制作深度学习标签并基于python自动化预处理样本
python·深度学习·arcgis·边缘计算
充气大锤9 小时前
前端实现流式输出配合katex.js
开发语言·前端·javascript·ai·vue
智航GIS10 小时前
ArcGIS大师之路500技---064通过字段计算器获得要素几何属性
arcgis
智航GIS11 小时前
ArcGIS大师之路500技---065shp文件形状数与表记录数不一致的修复方法
arcgis
瀚高PG实验室11 小时前
arcGis连不上HighGoDB的解决方案
arcgis·瀚高数据库
xa1385086911 小时前
ARCGIS PRO SDK 利用几何对象集合创建多行注记
arcgis
Ahtacca12 小时前
拒绝重复造轮子:利用自定义注解封装POI,实现Java通用Excel解析
java·javascript·vue·excel
GIS之路1 天前
GDAL 实现影像裁剪
前端·python·arcgis·信息可视化