가져온 레이어를 브라우저 창의 크기에 맞 춥니 다.

Question

openlayers에서 4 여러 레이어가 wmts ign하고 다른 하나가 맵 서버에서 가져 왔습니다. 첫 번째는 브라우저의 크기에 적응하지만지도 서버의 크기는지도의 너비와 높이를 고정해야만 표시됩니다. 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을 찾을 수