Geoserver を学習プロセスとして使用して Openlayers を ASP MVC3 と統合しようとしていますが、この奇妙な問題に遭遇しました。ビューを読み込むと、マップ キャンバスが空白になり、デフォルトのズーム コントロールが表示されます。ズームインボタンを押したときだけ地図が表示されます。もともと ASP の Razor View と関係があると思っていたので、別の HTML ファイルにコピーしましたが、問題は残ります。助言がありますか?
<html>
<head>
<script type="text/javascript" src="http://openlayers.org/api/OpenLayers.js"></script>
<script type="text/javascript">
function init() {
var bounds = new OpenLayers.Bounds(
-124.848974, 45.543541,
-116.91558, 49.002494);
var options = {
maxExtent: bounds,
maxResolution: 0.0309898203125,
projection: "EPSG:4326",
units: 'degrees'
};
var map = new OpenLayers.Map('map', options);
var wms = new OpenLayers.Layer.WMS("Washington County Map", "http://localhost:8080/geoserver/tiger/wms",
{
layers: 'tiger:county10',
format: 'image/png',
visibility: true,
isBaseLayer: true,
});
map.addLayer(wms);
map.zoomToExtend(bounds);
};
</script>
</head>
<body onload="init()">
<h2>Test</h2>
<p>
To learn more about ASP.NET MVC visit <a href="http://asp.net/mvc" title="ASP.NET MVC Website">http://asp.net/mvc</a>.
</p>
<div id="map" style="width:800px; height:500px;" />
</body>
</html>