如何正确添加 FULLSCREEN 控件？

Question

我正在尝试添加一个全屏控件（我也有一个切换器）。当我在地图创建中创建此控件时 new ol.MAP...（以下文档）我没有收到错误，但它们（layersSwitcher 和全屏控件）没有出现。

map = new ol.Map({
        controls:[new ol.control.LayerSwitcher({
            tipLabel: 'Leyenda',
    
        }),
        new ol.control.defaults().extend([new ol.control.FullScreen()])],
        layers: [
            new ol.layer.Group({
                'title': 'Mapas de base',
                layers: [grisOSM, mapaOSM]
            }),

我也试过创建地图，然后像这样创建和添加控件：

 map = new ol.Map({
        layers: [
            new ol.layer.Group({
                'title': 'Mapas de base',
                layers: [grisOSM, mapaOSM]
            }),

    const layerSwitcher = new ol.control.LayerSwitcher({
        tipLabel: 'Leyenda',

    });
    map.addControl(layerSwitcher);
    const fullScreen = new ol.control.defaults().extend([new ol.control.FullScreen()]);

    map.addControl(fullScreen);

我收到 Uncaught TypeError: t.element.setMap is not a function 错误并且看不到 none 个错误

Answer 1

两者都

 map = new ol.Map({
        controls: ol.control.defaults().extend([new ol.control.FullScreen()]),
        layers: [
            new ol.layer.Group({
                'title': 'Mapas de base',
                layers: [grisOSM, mapaOSM]
            }),
         ],
     });

或

 map = new ol.Map({
        layers: [
            new ol.layer.Group({
                'title': 'Mapas de base',
                layers: [grisOSM, mapaOSM]
            })
        ],
    });

    map.addControl(new ol.control.FullScreen());

ol.control.defaults 不是构造函数，因此不需要 new

如何正确添加 FULLSCREEN 控件？

How to add FULLSCREEN control properly?

javascript

maps

openlayers