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)
        }
      },
相关推荐
智航GIS5 小时前
ArcGIS大师之路500技---062调整面要素到指定面积
arcgis
智航GIS6 小时前
ArcGIS大师之路500技---063属性表中获得度分秒格式坐标
arcgis
智航GIS6 小时前
ArcGIS大师之路500技---061四至的计算方法
arcgis
天天打码6 小时前
Svelte-无虚拟DOM、极致性能的现代高性能Web开发框架!
前端·node.js·vue·svelte
LXMXHJ9 小时前
项目之html+javaScript
java·vue
铉铉这波能秀10 小时前
如何在arcmap中将shp等文件类型导出为表格(四种方法)
数据库·arcgis·数据分析·arcmap·地理信息·shp
期货资管源码11 小时前
智星期货资管子账户软件pc端开发技术栈的选择
c语言·数据结构·c++·vue
@二十六12 小时前
表格行拖拽排序
vue·react·表格拖拽
霍格沃兹测试学院-小舟畅学12 小时前
Playwright测试数据模拟:Mock Service Worker使用指南
人工智能·测试工具·arcgis
jay神1 天前
基于Java的水果网上订购平台
java·mysql·vue·springboot·计算机毕业设计