Openlayers 根据浏览器窗口的大小调整导入的图层
在openlayers 4中 我有几个层wmts ign和一个从mapserver导入的层。 第一个选项适用于浏览器的大小,但只有在固定地图的宽度和高度时,才会显示地图服务器的大小。 css 如果我将贴图的宽度设置为768px,它就会出现,但如果我将其设置为900px,则不会出现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
#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'
})
})