利用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");
        // 可缩放地图组控件结束

 

posted on 2021-08-16 18:04  一往无前!  阅读(83)  评论(0编辑  收藏  举报