带有地理服务器的 openlayer 3

Posted

技术标签:

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

我正在使用 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>

【问题讨论】:

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

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

【讨论】:

以上是关于带有地理服务器的 openlayer 3的主要内容,如果未能解决你的问题,请参考以下文章

如何将地理服务器图层添加到 openlayers?

PyQt 5.9 中的 OpenLayers 地理定位

使用带有铯的地理服务器时出现privateNetworkClientServer错误

地理服务器中的图层未显示在 OpenLayers 中

Openlayers系列关于地图投影的理解

需要 Openlayers 指南来满足我的要求