OpenLayers: WMS layer is not displayed

StackOverflow https://stackoverflow.com/questions/13509908

  •  01-12-2021
  •  | 
  •  

题

I'm trying to view a WMS layer with OpenLayers, but nothing is displayed. No error messages are shown in the console. Moreover, when I try to access the request string with the browser (Firefox), the map displays just fine. Here is the code.

<html>
<head><title>OpenLayers WMS test</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script src="http://openlayers.org/api/OpenLayers.js"></script>
<script>
function init() {
var map = new OpenLayers.Map("maparea");
var wms = new OpenLayers.Layer.WMS("Maakuntakaava", "http://kartat.lounaispaikka.fi/wms/maakuntakaava",
            {'format':'png', 'layers':'mk_tiet', width:600, height:600,
            bbox:'224609.4426922916318290,6702129.8832325218245387,265885.8128110636025667,6720672.7353315912187099'},
            { projection: new OpenLayers.Projection("EPSG:3067"),
            units: "m",
            maxResolution: 1000,
            maxExtent: new OpenLayers.Bounds(224609.4426922916318290,6702129.8832325218245387,265885.8128110636025667,6720672.7353315912187099)});
map.addLayer(wms);
alert("Request string: " + wms.getFullRequestString());
}
</script>
</head>
<body onload="init()">
<h1>WMS test</h1>
<div id="maparea"></div>
</body>
</html>

Can anyone tell what is wrong with my code?

有帮助吗？

解决方案

Map is created correctly, but you haven't zoomed to correct location yet, therefore you can't see anything. Use zoomToMaxExtent() to fit view:

map.addLayer(wms);
map.zoomToMaxExtent();
许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top