Vue2.6+arcgis api 4.X:实现底图切换(basemapGallery)功能

本文档介绍了如何使用Vue2.6和arcgis API 4.X来实现自定义底图切换功能,替代默认的BasemapGallery widget。通过组件化方式创建BaseGallery.vue,设计HTML结构并设置样式。关键在于监听鼠标事件来展开和收缩底图图标,以及处理底图切换,涉及到arcgis API中basemap的管理,包括添加所有底图并利用visible属性控制显示。
摘要由CSDN通过智能技术生成

目录

 

前言

开发环境

开发流程


前言

arcgis api自带底图切换widget(BasemapGallery)但是,自带的这个应该绝大多数使用者都觉得不好用,所以自己定制开发的应该更爽点,大致效果类似于百度地图底图切换那样整的:

鼠标放上去时候效果
鼠标移走时候效果

 

开发环境

Vue +arcgis  api  4.12

开发流程

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值