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)
        }
      },
相关推荐
感谢地心引力1 天前
【ArcGIS Pro】克隆 arcpy 环境(ArcGIS Pro 3.54)
python·arcgis·arcpy·地理处理
U***e632 天前
ReactRESTfulAPI案例
mongodb·arcgis·语言模型
星月前端3 天前
[特殊字符]面向 ArcGIS for JavaScript(4.x)开发者的「坐标系统(CRS / 投影)」全面解读
开发语言·javascript·arcgis
harrain3 天前
vue2开发环境搭建指南
vue
q***9943 天前
node.js+npm的环境配置以及添加镜像(保姆级教程)
arcgis·npm·node.js
爱地球的曲奇4 天前
ArcGIS(ArcMap&Pro)布局视图的在线地图与导出后的图片细节不一样
arcgis
by__csdn4 天前
Electron+Vite:实现electron + vue3 + ts + pinia + vite高效跨平台开发指南
前端·javascript·vue.js·typescript·electron·node.js·vue
人工智能训练4 天前
前端框架选型破局指南:Vue、React、Next.js 从差异到落地全解析
运维·javascript·人工智能·前端框架·vue·react·next.js
DreamLife☼6 天前
Node-RED:自定义节点开发:打造专属工具箱
arcgis·调试·封装·npm包·自定义节点·节点开发·html模板
李纲明6 天前
WordPress外贸成品网站的免费获取渠道
vue·php