openlayers 隐藏左上角加号和减号 放大还有缩小按钮

1、先引入 defaultControls 的模块

import {ScaleLine, defaults as defaultControls} from 'ol/control';

2、在加载底图里边写

  //加载控件到地图容器中
        controls: defaultControls({
          zoom: false,
          rotate: false,
          attribution: false
        })
      });

zoom:false 不显示放大放小按钮；
rotate: false 不显示指北针控件；
attribution: false 不显示右下角的地图信息控件；
scaleLine（比例尺）

如果给底图添加个比例尺 那就这样写

   //加载控件到地图容器中
        controls: defaultControls({
          zoom: false,
          rotate: false,
          attribution: false
        }).extend([
          new ScaleLine({
            //设置比例尺单位，degrees、imperial、us、nautical、metric（度量单位）
            units: "metric"
          })
        ])