Я пытаюсь интегрировать Openlayers с ASP MVC3, используя Geoserver в качестве учебного процесса, но столкнулся с этой странной проблемой. Когда я загружаю вид, холст карты становится пустым с настройкой масштабирования по умолчанию. Карта будет отображаться только тогда, когда я нажимаю кнопку увеличения. Первоначально я думал, что это как-то связано с 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>
