本文主要介绍了Cesium加载GeoServer的WMS过程。
参考
背景
系统：win10
地图服务器：geoserver（2.12.1）
jdk：1.8
cesium：1.44
有关Cesium的基本操作请参考官方文档。
有关GeoServer的安装请参考我的前两篇文章：
- GeoServer的安装与启动
- 基于GeoServer的WMS（Web Map Service）的发布
加载GeoServer的WMS代码
以Cesium的HelloWorld.html为例，在body中的Javascript处写如下代码：
<body>
<div id="cesiumContainer"></div>
<script>
var url='http://localhost:8080/geoserver/wms'; //Geoserver(我的端口号默认为8080)
var viewer = new Cesium.Viewer('cesiumContainer',{
imageryProvider:new Cesium.WebMapServiceImageryProvider({
url : url,
layers: 'nurc:Arc_Sample'// GeoServer自带的图层名
}),
baseLayerPicker:false // 去掉自带的图层选择器
});
</script>
</body>
解决geoserver跨域请求的问题
- 下载压缩包文件http://shanbe.hezoun.com/cors.zip
- 将其放在[Geoserver]\webapps\geoserver\WEB-INF\下，并解压缩，最终的文件路径如下：
[Geoserver]\webapps\geoserver\WEB-INF\org\mortbay\servlets\CrossOriginFilter.class - 修改[geoserver]/webapps/geoserver/WEB-INF下面的web.xml文件，
在<filter>平级位置添加如下内容：
<filter>
<filter-name>cross-origin</filter-name>
<filter-class>org.eclipse.jetty.servlets.CrossOriginFilter</filter-class>
<init-param>
<param-name>allowedOrigins</param-name>
<param-value>*</param-value>
</init-param>
<init-param>
<param-name>allowedMethods</param-name>
<param-value>GET,POST</param-value>
</init-param>
<init-param>
<param-name>allowedHeaders</param-name>
<param-value>x-requested-with,content-type</param-value>
</init-param>
</filter>
...其他内容
<filter-mapping>
<filter-name>cross-origin</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>
重启GeoServer
最终HelloWorld.html展示的页面为：
