インポートされたレイヤーをブラウザウィンドウのサイズに合わせる

Question

openlayersで4 私はいくつかのレイヤーwmtsをignし、もう1つはマップサーバーからインポートしました。 最初のものはブラウザのサイズに適応しますが、地図サーバのサイズに適応するのは、地図の幅と高さを固定する場合のみです。 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] 
     }) 
     }); 

次に、どのようにウィンドウのサイズに合わせて調整しますか？

Answer 1

は、それは大丈夫です、私は解決策の代わりに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' 
     }) 
     }) 

の ol.layer.Tileを見つけます