cesium三维GIS开发实践（二）

一、加载Geoserver提供的地图服务

1、新建LoadGeoserverWmsService.html网页
2、引用Cesium.js和style文件，加入container div，参考Helloworld
3、script处写如下代码：

var url='http://localhost:8080/geoserver/wms'; //Geoserver URL   
var viewer = new Cesium.Viewer('cesiumContainer',{  
    imageryProvider:new Cesium.WebMapServiceImageryProvider({   
        url : url,         
        layers: 'nurc:Arc_Sample'// 图层名   
    }),  
    baseLayerPicker:false  // 去掉自带的图层选择器
}); 

4、解决geoserver跨域请求的问题：如果直接执行上述代码，会报跨域请求错误。
解决办法：

• 下载 jetty-servlets 和 jetty-utils相应的geoserver自带jetty版本对应的包。
• 放到geoserver/webapps/geoserver/WEB-INF/lib 下面.
• 修改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    
 /*    

• 重启geoserver服务

5、现在再来访问刚刚编写的网页，不出意外，会出现一个绿色的球。

“绿色”的地球