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)
        }
      },
相关推荐
GISBox8 小时前
从PLY到3DTiles:GISBox助力三维数据格式转换全流程
免费·cesium·ply·高斯泼溅·gisbox·服务分发·gis server
WebGIS开发15 小时前
《Cesium进阶教程:Shader与三维GIS可视化实战》
可视化·cesium·cesium教程·cesium进阶教程
网上邻居YY18 小时前
Arcgis表格数据导入+可视化--小白教程(以景观多样性指数为例)
图像处理·计算机视觉·arcgis·excel转表
非科班Java出身GISer18 小时前
ArcGIS JSAPI 学习教程 - 可视域分析图层介绍-创建与编辑
arcgis·arcgis 可视域分析·arcgis js 可视域·arcgis 可视域分析图层·arcgis js 可视域图层·arcgis 可视域
没有梦想的咸鱼185-1037-166318 小时前
AI大模型支持下的:ArcGIS数据处理、空间分析、可视化及多案例综合应用
人工智能·arcgis·chatgpt·数据分析
青春不败 177-3266-052018 小时前
AI+ArcGIS:数据处理、空间分析、可视化前沿技术应
人工智能·arcgis·gis·生态学·可视化·数据处理
网上邻居YY18 小时前
arcgis中建立渔网,fragtats计算景观指数(纯小白-详细教程)
经验分享·arcgis·景观格局指数·fragstats
清灵xmf1 天前
Vue + TSX 中使用 class 报错 解决方法
vue
普普通通的南瓜1 天前
金融交易防护:国密 SSL 证书在网银与移动支付中的核心作用
网络·网络协议·安全·arcgis·gitlab·ssl·源代码管理
专注前端30年1 天前
Vue2 中 v-if 与 v-show 深度对比及实战指南
开发语言·前端·vue