Question

我有一个在OpenLayers 2中运行良好的worldwind平铺服务器。它使用了一个简单的BMNG层：http://worldwind.arc.nasa.gov/java/server/readme.html。不幸的是，我无法与您共享磁贴服务器，因为它位于封闭的网络上。但是，它类似于下面提供的URL示例。

但是，我正在尝试将我们升级到OpenLayers 3.出于某种原因，当我使用OpenLayers 3时，基本地图将不会显示。

我回到了世界的这一边，并进行了以下两项测试。现在我在两个示例中都有匹配的URL和图层，OL3版本也不起作用。

OPENLAYERS 2

<html>
<head>
<title>OpenLayers 2</title>
<link rel="stylesheet" href="http://dev.openlayers.org/releases/OpenLayers-2.13.1/theme/default/style.css" type="text/css">
<link rel="stylesheet" href="http://dev.openlayers.org/releases/OpenLayers-2.13.1/examples/style.css" type="text/css">
<script src="http://dev.openlayers.org/releases/OpenLayers-2.13.1/lib/OpenLayers.js"></script>
<script type="text/javascript">

var map;

function init() {
    map = new OpenLayers.Map( 'map' );

    var wmsLayer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
              "http://vmap0.tiles.osgeo.org/wms/vmap0",
              {layers: 'basic'});
    map.addLayer(wmsLayer);

    map.setCenter(new OpenLayers.LonLat(0,0),4);
    map.zoomToMaxExtent();
}
</script>
</head>
<body onload="init()">
   <h1 id="title">WMS Example</h1>
   <p id="shortdesc">
      Shows the basic use of openlayers using a WMS layer
   </p>

    <div id="map" class="smallmap"></div>
</body>
</html>

和OPENLAYERS 3：

<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://openlayers.org/en/v3.11.0/css/ol.css" type="text/css">
<script src="http://openlayers.org/en/v3.11.0/build/ol.js"></script>

</head>
<body>
    <div id="map"></div>
    <script>
    var layers = [
         new ol.layer.Tile({
         source: new ol.source.TileWMS({
            url: 'http://vmap0.tiles.osgeo.org/wms/vmap0',
            params: {'LAYERS': 'basic', 'TILED': true},
            serverType: 'geoserver'
         })
      })
    ];
    var map = new ol.Map({
      layers: layers,
      target: 'map',
      view: new ol.View({
         center: [0, 0],
         zoom: 2
      })
    });
    </script>
</body>
</html>

在我的网络上（不是世界的这一面），在OpenLayers 2中完全显示地图的我的磁贴服务器在OpenLayers 3中没有使用相同的代码。

有人知道OL3和WorldWind之间可能关闭的设置是什么？

更多信息：

使用mongoose-free-5.6，我使我的目录成为一个临时的Web服务器。现在，鉴于此，OL3正在进行切片请求并从切片服务器获取响应。我调查了其中一个请求的请求标头中的URL：

http://vmap0.tiles.osgeo.org/wms/vmap0?SERVICE=WMS&VERSION=1.3.0&REQUEST=GetMap&FORMAT=image%2Fpng&TRANSPARENT=true&LAYERS=basic&TILED=true&WIDTH=256&HEIGHT=256&CRS=EPSG%3A3857&STYLES=&BBOX=-2504688.542848654%2C0%2C1.3969838619232178e-9%2C2504688.5428486555

我在Chrome中得到了这个：

此XML文件似乎没有与之关联的任何样式信息。文档树如下所示。

<ServiceExceptionReport xmlns="http://www.opengis.net/ogc" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" version="1.3.0" xsi:schemaLocation="http://www.opengis.net/ogc http://schemas.opengis.net/wms/1.3.0/exceptions_1_3_0.xsd">
    <ServiceException code="InvalidSRS">
        msWMSLoadGetMapParams(): WMS server error. Invalid CRS given : CRS must be valid for all requested layers.
    </ServiceException>
</ServiceExceptionReport>

最终答案：将投影添加到View对象是在这里和我的封闭网络上工作的原因。

<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://openlayers.org/en/v3.11.0/css/ol.css" type="text/css">
<script src="http://openlayers.org/en/v3.11.0/build/ol.js"></script>
</head>
<body>
    <div id="map"></div>
    <script>
    var layers = [
         new ol.layer.Tile({
         source: new ol.source.TileWMS({
            url: 'http://vmap0.tiles.osgeo.org/wms/vmap0',
            params: {'LAYERS': 'basic', 'TILED': true},
            serverType: 'geoserver'
         })
      })
    ];
    var map = new ol.Map({
        layers: layers,
        target: 'map',
        view: new ol.View({
            projection: ol.proj.get('EPSG:4326'),
            center: [0, 0],
            zoom: 2
      })
    });
    </script>
</body>
</html>

Answer 1

由于你没有发布你的磁贴服务器的URL，我只能猜测。这对我来说听起来像是一个CORS问题。如果我理解正确，在上面的代码中，您更改了磁贴服务器的URL，它将不再显示在OL3中，而在OL2中它可以工作。

您可能需要检查浏览器的控制台是否有错误消息，例如

XMLHttpRequest cannot load http://some.domain.com. Origin
http://other.domain.com is not allowed by Access-Control-Allow-Origin.

要进行快速检查，您只需在浏览器中停用原始结果检查（Firefox / Chrome）即可。 OL3变体也应该有效。

Worldwind服务器不在OpenLayers 3中显示

1 个答案: