openlayer通过js不通过控件实现全屏

要通过 JavaScript 实现 OpenLayers 的全屏功能，可以使用以下代码：

var map = new ol.Map({
    // ... 省略其他配置 ...
    target: 'map',
    view: new ol.View({
        // ... 省略其他配置 ...
    })
});

var fullscreenControl = new ol.control.FullScreen();
map.addControl(fullscreenControl);

在以上代码中，我们创建了一个 OpenLayers 地图对象，并添加了一个 FullScreen 控件，然后将该控件添加到地图中。

如果你不想使用控件，可以使用以下代码实现全屏功能：

var mapElement = document.getElementById('map');
var fullscreenButton = document.createElement('button');
fullscreenButton.innerHTML = '全屏';
fullscreenButton.addEventListener('click', function () {
    if (mapElement.requestFullscreen) {
        mapElement.requestFullscreen();
    } else if (mapElement.webkitRequestFullscreen) {
        mapElement.webkitRequestFullscreen();
    } else if (mapElement.msRequestFullscreen) {
        mapElement.msRequestFullscreen();
    }
});
mapElement.appendChild(fullscreenButton);

在以上代码中，我们首先获取地图元素的 DOM 对象，然后创建一个按钮元素，并为其添加点击事件。在点击事件中，我们使用原生的 Fullscreen API 实现全屏功能。最后，将按钮添加到地图元素中。