Openlayers 根据浏览器窗口的大小调整导入的图层

Openlayers 根据浏览器窗口的大小调整导入的图层,openlayers,Openlayers,在openlayers 4中 我有几个层wmts ign和一个从mapserver导入的层。 第一个选项适用于浏览器的大小,但只有在固定地图的宽度和高度时,才会显示地图服务器的大小。 css 如果我将贴图的宽度设置为768px,它就会出现,但如果我将其设置为900px,则不会出现 #map { Height: 100%; Width: 768px; } 层的调用是通过 var emprises_operations_inrap = new ol.layer.Image({ ti

在openlayers 4中 我有几个层wmts ign和一个从mapserver导入的层。 第一个选项适用于浏览器的大小,但只有在固定地图的宽度和高度时,才会显示地图服务器的大小。 css

如果我将贴图的宽度设置为768px,它就会出现,但如果我将其设置为900px,则不会出现

#map {
Height: 100%;
Width: 768px;
}
层的调用是通过

var emprises_operations_inrap = new ol.layer.Image({
        title: 'operations Inrap',
        source: new ol.source.ImageWMS({
          url: 'http://10.210.1.32:8080/cgi-bin/mapserv.exe?map=C:\\ms4w\\map\\fond_mapserver_ol3.map',
          params: {'LAYERS': 'emprises',
                    //'CRS': 'EPSG:2154',
                    'FORMAT': 'image/png'},
          serverType: 'mapserver',
          extent: [93501.1, 6044342.00, 1248133.25, 7115784.50]
        })
      });

那么,如何使其适应窗口的大小呢?

没关系,我找到了解决方案 一个ol.layer.Tile而不是ol.layer.Image

var emprises_operations_inrap =   new ol.layer.Tile({
        title: 'operations Inrap',
        source: new ol.source.TileWMS({
          url: 'http://10.210.1.32:8080/cgi-bin/mapserv.exe?map=C:\\ms4w\\map\\fond_mapserver_ol3.map',
          params: {LAYERS: 'emprises', TILED: true,  FORMAT: 'image/png'},
          serverType: 'mapserver'
        })
      })
var emprises_operations_inrap =   new ol.layer.Tile({
        title: 'operations Inrap',
        source: new ol.source.TileWMS({
          url: 'http://10.210.1.32:8080/cgi-bin/mapserv.exe?map=C:\\ms4w\\map\\fond_mapserver_ol3.map',
          params: {LAYERS: 'emprises', TILED: true,  FORMAT: 'image/png'},
          serverType: 'mapserver'
        })
      })