带有地理服务器的 openlayer 3答案

【问题标题】：openlayer 3 with geoserver带有地理服务器的 openlayer 3
【发布时间】：2015-07-27 18:45:50
【问题描述】：

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

那么 openlayers 代码有什么问题？

任何帮助将不胜感激。

谢谢

链接 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>

【问题讨论】：

您的代码使用 OpenLayers 2.13，而不是 3.X。确定您包含了正确的文件？
另外，您的本地主机链接对这里的任何人都不起作用，只有您自己。
谢谢你们。我解决了这个问题。非常简单。我错过了 http:// 。一旦我添加它工作顺利。

标签： openlayers-3 geoserver

【解决方案1】：

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

【讨论】：