OpenLayers with HTML <!DOCTYPE>宣言NOT WORKING

マップを表示しないThymeleafテンプレートがあります。削除すると地図が表示されるだけです<!DOCTYPE HTML>OpenLayers with HTML <!DOCTYPE>宣言NOT WORKING

<!DOCTYPE HTML> 
<html> 
<head> 
    <title>OpenLayers 2 Example</title> 
    <script src="http://openlayers.org/api/OpenLayers.js"></script> 
    </head> 
    <body> 
     <div style="width:100%; height:100%" id="map"></div> 
     <script defer="defer" type="text/javascript"> 
     var map = new OpenLayers.Map('map'); 
     var wms = new OpenLayers.Layer.WMS("OpenLayers WMS", 
      "http://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'}); 
     map.addLayer(wms); 
     map.zoomToMaxExtent(); 
     </script> 

</body> 
</html>

出典

2017-03-24 La Carbonell

次のCSSを追加してください：

html, body: { 
    width: 100%; 
    height: 100%; 
    margin: 0; 
}

出典

2017-03-26 11:24:57 ahocevar

OpenLayers with HTML <!DOCTYPE>宣言NOT WORKING

答えて

関連する問題