Question

我正在尝试使用openlayers3和geoserver的第一个应用程序。此消息底部的代码无效。我知道geoserver工作正常，因为当我运行以下链接时，我可以看到Img_Sample表示的图像。

那么openlayers代码有什么问题？

非常感谢任何帮助。

感谢

JJ

链接 http://localhost:8081/geoserver/wms?service=WMS&version=1.1.0&request=GetMap&layers=Img_Sample&styles=&bbox=-130.85168,20.7052,-62.0054,54.1141&width=768&height=372&srs=EPSG:4326&format=application/openlayers

码

<html>
<head>
  <title>OpenLayers Example</title>
    <script src="http://openlayers.org/api/OpenLayers.js"></script>
    </head>
    <body>
      <div style="width:100%; height:100%" id="map"></div>
      <script defer="defer" type="text/javascript">
        var map = new OpenLayers.Map('map');
        var wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
            "localhost:8081/geoserver/wms", {layers: 'Img_Sample'} );
        map.addLayer(wms);
        map.zoomToMaxExtent();
      </script>

</body>

Answer 1

与openlayers2不同，openlayers3.x及更高版本的'ol'作为顶级命名空间。 Openlayers语法已从3.x及更高版本更改。以下是最新openlayers http://openlayers.org/en/latest/doc/tutorials/

的文档网址

openlayer 3 with geoserver

1 个答案: