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)
        }
      },
相关推荐
Luffe船长1 小时前
elementUI点击浏览table所选行数据查看文档
javascript·elementui·vue
IT瘾君15 小时前
JavaWeb:前端工程化-ElementPlus
前端·elementui·node.js·vue
生态笔记1 天前
ArcGIS计算多个栅格数据的平均栅格
经验分享·arcgis
sunbyte2 天前
50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | Dad Jokes(冷笑话卡片)
前端·javascript·css·vue.js·vue
GIS思维2 天前
ArcGIS Pro字段计算器与计算几何不可用,显示灰色
arcgis·arcgis pro
幽络源小助理2 天前
SpringBoot+Vue+微信小程序校园自助打印系统
java·spring boot·微信小程序·小程序·vue
GIS之家2 天前
vue+cesium示例:地形开挖(附源码下载)
前端·javascript·vue.js·gis·cesium·webgis
duansamve3 天前
Cesium快速入门到精通系列教程二:添加地形与添加自定义地形、相机控制
cesium
流年viv3 天前
ArcGIS Pro 创建渔网格网过大,只有几个格网的解决方案
arcgis
新中地GIS开发老师3 天前
新中地三维GIS开发智慧城市效果和应用场景
javascript·arcgis·智慧城市·gis开发·webgis·地理信息科学