利用Expand实现一个可缩放的地图切换组件
其中view2为我定义的分屏界面的右侧地图。
需要引用的对象:
import Expand from "@arcgis/core/widgets/Expand"
import BasemapGallery from "@arcgis/core/widgets/BasemapGallery";
// 可缩放地图组控件 var basemapGallery = new BasemapGallery({ view: view2, container: document.createElement("div") }); // Create an Expand instance and set the content // property to the DOM node of the basemap gallery widget // Use an Esri icon font to represent the content inside // of the Expand widget var bgExpand = new Expand({ view: view2, content: basemapGallery }); // close the expand whenever a basemap is selected basemapGallery.watch("activeBasemap", function() { var mobileSize = view2.heightBreakpoint === "xsmall" || view2.widthBreakpoint === "xsmall"; if (mobileSize) { bgExpand.collapse(); } }); // Add the expand instance to the ui view2.ui.add(bgExpand, "top-right"); // 可缩放地图组控件结束
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步