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

转:https://blog.csdn.net/u011575168/article/details/79983319

本文主要介绍了Cesium加载GeoServer的WMS过程。

参考

  • cesium三维GIS开发实践(二)
  • [Geoserver-users] CORS for jetty 6.1.8 (Geoserver 2.x), solved

背景

系统: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>
  • 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文件, 
    平级位置添加如下内容: 
     
    cross-origin 
    org.eclipse.jetty.servlets.CrossOriginFilter 
     
    allowedOrigins 
    * 
     
     
    allowedMethods 
    GET,POST 
     
     
    allowedHeaders 
    x-requested-with,content-type 
     
     
    ...其他内容 
     
    cross-origin 
    /* 
     
  4. 重启GeoServer

    最终HelloWorld.html展示的页面为: 
    Cesium加载GeoServer的WMS(含跨域解决)_第1张图片


你可能感兴趣的:(cesium)