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)
        }
      },
相关推荐
不超限19 小时前
ArcGIS JS 异常之:Invalid language tag: RangeError: Invalid language tag:
开发语言·javascript·arcgis
GDAL20 小时前
viewer.camera.flyTo 全面教程
cesium·camera·flyto
未来龙皇小蓝20 小时前
RBAC前端架构-03:创建dotenv及config配置
前端·vue
智航GIS1 天前
SHP数据修复
数据库·arcgis
GIS学姐嘉欣2 天前
Cesium进阶教程(2)线性高度雾
javascript·cesium·gis开发·webgis
安宝特 3D CAD2 天前
安宝特方案丨AEC行业数字化转型卡在哪?数据断流!
arcgis·空间数据·bim数据·aec行业数字化转型·空间数据集成
杨超越luckly2 天前
HTML应用指南:利用POST请求获取全国交通银行网点位置信息
大数据·前端·arcgis·html·交通银行
中科GIS地理信息培训2 天前
ArcGIS Pro 3.6新增【空间权重矩阵SWM】工具更新:高阶邻接邻域、共享边界长度对邻居加权、距离衰减模型
线性代数·arcgis·矩阵
Aric_Jones3 天前
文章详情页 AI 快速阅读功能实现
java·网络·人工智能·spring boot·vue
GISBox3 天前
一站式体验GISBox 2.1.3:矢量样式扩展与3DTiles位置优化
gis·cesium·倾斜摄影·ifc·osgb·gisbox·切片转换