带有地理服务器的 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的主要内容,如果未能解决你的问题,请参考以下文章