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)
        }
      },
相关推荐
城数派5 小时前
全国乡镇(街道)点位数据2025年(shp格式\excel格式)
arcgis·信息可视化·数据分析
十七号程序猿7 小时前
Java图书管理系统 | 无需配置任何环境,双击一键启动,开箱即用
java·spring boot·vue·毕业设计·毕设·源代码管理
科研online10 小时前
2026年了,ArcGIS Pro又升级了哪些功能?
arcgis
李剑一10 小时前
别再瞎写 Cesium 可视化!热力图 + 四色图源码全公开,项目直接复用!
前端·vue.js·cesium
终端鹿12 小时前
Vue3 + Pinia 实战深度解析
vue
BugShare14 小时前
有趣味的登录页它踏着七彩祥云来了
vue·css3
MrGud1 天前
Cesium中的坐标系及其转换
前端·cesium
Harriet嘉1 天前
vscode结合code buddy 和figma还原UI设计稿
vue·figma
2401_863801462 天前
3DTiles总体介绍,什么是3DTiles,主要用途
3d·arcgis·3dtiles
该怎么办呢2 天前
packages\engine\Source\Core\Cartesian3.js
前端·javascript·cesium