将导入的图层调整为浏览器窗口的大小

时间:2017-05-10 10:55:49

标签: openlayers

在openlayers 4 我有几个wmts ign和另一个从mapserver导入的层。 第一个适应浏览器的大小,但只有在我修复地图的宽度和高度时才会显示地图服务器的大小。 css

html,body {
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    height: 100%;
    }
    #map {
    height: 100%;
    }

如果我将地图的宽度设置为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]
        })
      });

那么你如何使它适应窗户的大小?

1 个答案:

答案 0 :(得分:0)

没关系,我找到了解决方案 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'
        })
      })