Asp.net mvc 3 Openlayers WMS层在我放大之前是空白的
我试图使用Geoserver将Openlayers与ASP MVC3集成为一个学习过程,但遇到了这个奇怪的问题。加载视图时,地图画布将显示为空白,并带有默认的缩放控件。只有当我按下放大按钮时,地图才会显示出来。我最初认为这与ASP的Razor视图有关,所以我将其复制到一个单独的HTML文件中,但问题仍然存在。有什么建议吗Asp.net mvc 3 Openlayers WMS层在我放大之前是空白的,asp.net-mvc-3,openlayers,geoserver,Asp.net Mvc 3,Openlayers,Geoserver,我试图使用Geoserver将Openlayers与ASP MVC3集成为一个学习过程,但遇到了这个奇怪的问题。加载视图时,地图画布将显示为空白,并带有默认的缩放控件。只有当我按下放大按钮时,地图才会显示出来。我最初认为这与ASP的Razor视图有关,所以我将其复制到一个单独的HTML文件中,但问题仍然存在。有什么建议吗 <html> <head> <script type="text/javascript" src="http://openlayers.org/a
<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>
函数init(){
var bounds=新的OpenLayers.bounds(
-124.848974, 45.543541,
-116.91558, 49.002494);
变量选项={
maxExtent:bounds,
最大分辨率:0.0309898203125,
投影:“EPSG:4326”,
单位:度
};
var map=new OpenLayers.map('map',选项);
var wms=new OpenLayers.Layer.wms(“华盛顿县地图”)http://localhost:8080/geoserver/tiger/wms",
{
图层:“老虎:county10”,
格式:'image/png',
能见度:是的,
isBaseLayer:是的,
});
地图添加层(wms);
map.zoomToExtend(边界);
};
试验
要了解有关ASP.NET MVC的更多信息,请访问。
您是否检查了Geoserver的缩放级别设置?您可以设置显示每个地图图层的最小和最大比例。在这种情况下,获取WMS查询的URL(从Firebug、Chrome的控制台等)并直接在浏览器中执行非常有用。它可以提供查询失败的原因。