zoukankan      html  css  js  c++  java
  • 利用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");
            // 可缩放地图组控件结束
  • 相关阅读:
    vue ERROR:in ./sc/styles/index.scss and 4058
    vue cli 报错4048 解决方法
    原型 与 原型链
    Node.js的简介与历史
    javascript实现表单提交加密
    javaScript的关键字与保留字
    luogu P4422 题解
    【笔记】博弈论
    5.11 考试解题报告
    【P4370】[Code+#4]组合数问题2
  • 原文地址:https://www.cnblogs.com/1gaoyu/p/15149253.html
Copyright © 2011-2022 走看看