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)
        }
      },
相关推荐
蓝黑20203 小时前
Vue的 value=“1“ 和 :value=“1“ 有什么区别
前端·javascript·vue
非科班Java出身GISer10 小时前
ArcGIS JS 基础教程(1):地图初始化(含AMD/ESM两种引入方式)
javascript·arcgis·arcgis js·arcgis js 初始化·arcgis js 地图初始化
小彭努力中12 小时前
204.Vue3 + OpenLayers:加载 GIF 文件(CSS 背景实现动画标记)
前端·css·vue·openlayers·geojson·webgis
智航GIS12 小时前
ArcGIS 启动报错?两种方法快速解决许可启动失败问题
arcgis
没有梦想的咸鱼185-1037-166314 小时前
AI大模型支持下的顶刊绘图|散点图、气泡图、柱状图、热力图、柱状图、热力图、箱线图、热力图、云雨图、韦恩图、瀑布图、神经网络图、时间序列或分布展示
人工智能·神经网络·arcgis·信息可视化·数据分析·r语言·ai写作
陶甜也15 小时前
3D智慧城市:blender建模、骨骼、动画、VUE、threeJs引入渲染,飞行视角,涟漪、人物行走
前端·3d·vue·blender·threejs·模型
NPCZ1 天前
vite与tailwindcss创建大屏可视化项目
vue
蓝黑20201 天前
Vue导入和注册组件
前端·javascript·vue
七夜zippoe1 天前
OpenClaw 技能发布与共享:从开发到社区贡献的完整指南
arcgis·skills·openclaw·clawhub·技能发布·技能共享
GIS地信小匠1 天前
(27)ArcGIS Pro 范围内汇总、汇总统计数据与交集制表:空间统计三工具全攻略
arcgis·空间分析·数据处理·国土空间规划·空间统计·gis教程·arcgls pro