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)
        }
      },
相关推荐
用户831348593069816 小时前
Cesium实现实时联动鹰眼缩略图
vue.js·cesium
雪的季节17 小时前
GIS 矢量数据格式
arcgis
非科班Java出身GISer18 小时前
ArcGIS JS 基础教程(11):飞行定位 goTo
arcgis·arcgis js 飞行定位·arcgis js 定位·arcgis js 各种定位·arcgis js 飞行·arcgis js 定位到对象
我是Superman丶18 小时前
前端技术手势识别
arcgis
小葛要努力18 小时前
安装nvm 管理node.js版本实现vue2和vue3项目共存
node.js·vue·nvm
这里是杨杨吖1 天前
SpringBoot+Vue高校在线考试系统 附带详细运行指导视频
vue·在线考试·springboot
wuxia21182 天前
在5种环境中编写点击元素改变内容和颜色的JavaScript程序
javascript·微信小程序·vue·jquery·react
Sweet锦2 天前
Vue3 集成 ApexCharts 避坑指南:从动画失效到自定义指令的完美解决方案
vue·echarts
王小王-1233 天前
基于深度学习的个性化音乐推荐系统的设计与开发
人工智能·深度学习·mysql·vue·推荐算法·个性化音乐推荐系统·音乐预测
alexander0683 天前
使用vite脚手架,快速创建一个vue3的项目
vue