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)
        }
      },
相关推荐
goodName4 小时前
如何实现精准操控?Cesium模型移动旋转控件实现
webgl·cesium
f***a3465 小时前
node.js+npm的环境配置以及添加镜像(保姆级教程)
arcgis·npm·node.js
by__csdn6 小时前
Vue 中计算属性、监听属性与函数方法的区别详解
前端·javascript·vue.js·typescript·vue·css3·html5
zhu_zhu_xia15 小时前
vue3+vite打包出现内存溢出问题
前端·vue
思密吗喽17 小时前
宠物商城系统
java·开发语言·vue·毕业设计·springboot·课程设计·宠物
雨雨雨雨雨别下啦19 小时前
【从0开始学前端】vue3简介、核心代码、生命周期
前端·vue.js·vue
qq_214803291 天前
ArcGIS坐标偏移终极解决方案:Runtime与GDB互转无偏移实践
python·arcgis·安卓
油丶酸萝卜别吃1 天前
Vue3 中如何在 setup 语法糖下,通过 Layer 弹窗组件弹出自定义 Vue 组件?
前端·vue.js·arcgis
紫麦熊2 天前
vue3 keepalive
vue·keepalive
未来之窗软件服务2 天前
幽冥大陆(三十四)VUE +node智慧农业电子秤读取——东方仙盟炼气期
开发语言·vue·电子秤·东方仙盟·东方仙盟sdk