Cesium加载GeoServer的WMS(含跨域解决)

 

 

本文主要介绍了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处写如下代码:

 
  1. <body>

  2. <div id="cesiumContainer"></div>

  3. <script>

  4. var url='http://localhost:8080/geoserver/wms'; //Geoserver(我的端口号默认为8080)

  5. var viewer = new Cesium.Viewer('cesiumContainer',{

  6. imageryProvider:new Cesium.WebMapServiceImageryProvider({

  7. url : url,

  8. layers: 'nurc:Arc_Sample'// GeoServer自带的图层名

  9. }),

  10. baseLayerPicker:false // 去掉自带的图层选择器

  11. });

  12. </script>

  13. </body>

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14

解决geoserver跨域请求的问题

  1. 下载压缩包文件http://shanbe.hezoun.com/cors.zip
  2. 将其放在[Geoserver]\webapps\geoserver\WEB-INF\下,并解压缩,最终的文件路径如下: 
    [Geoserver]\webapps\geoserver\WEB-INF\org\mortbay\servlets\CrossOriginFilter.class
  3. 修改[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> 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值