zoukankan      html  css  js  c++  java
  • Openlayers 按需加载控件(ol.control)

    说明

    在Openlayers地图加载时,会默认添加3个控件,很多时候我们并不需要这些默认控件
    file

    解决方案

    删除所有控件,按需加载自己需要的控件

                //清除所有控件
                var ctls = map.getControls();
                let ctlsLength = ctls.getArray().length;
                for (let i = 0; i < ctlsLength; i++) {
                    map.removeControl(ctls.getArray()[0]);
                }
    

    通用添加控件方法

                //放大缩小
                var zoom = new ol.control.Zoom();
                map.addControl(zoom);
    

    最后

    附上所有控件名称

    • module:ol/control/Attribution -地图属性控件
    • module:ol/control/FullScreen -全屏控件
    • module:ol/control/MousePosition -鼠标位置控件
    • module:ol/control/OverviewMap -鹰眼控件
    • module:ol/control/Rotate -地图旋转控件
    • module:ol/control/ScaleLine -比例尺控件
    • module:ol/control/ZoomSlider -缩放滚动条控件
    • module:ol/control/ZoomToExtent -缩放到范围控件
    • module:ol/control/Zoom -放大缩小控件
  • 相关阅读:
    信息检索笔记
    北大课程(变态心理学)
    My life
    Excel小技巧(随机点名)
    Flask基础
    CTF
    GDB
    LD_PRELOAD
    AFL-数据变异
    AFL入门
  • 原文地址:https://www.cnblogs.com/giser-s/p/12123587.html
Copyright © 2011-2022 走看看