二维下,行政区划借助 geoserver样式配置,实现伪3d效果

参考文章:通过sld样式拉伸渲染为伪3d建筑的地图效果通过geoserver发布 - 灰信网(软件开发博客聚合)

SLD 样式 之GeoServer中设计2.5维建筑物 - fengl - 博客园

最终效果图如下:

二维下,行政区划借助 geoserver样式配置,实现伪3d效果_第1张图片

首先要知道拉伸的对象是建筑或者其他附着设施,即面图层,点和线要素不存在高度的拉伸。

配置中关注一下内容:

   主要是isometric和offset两个ogc:function的名称
   isometric方法名中

     
          
            the_geom
            0.08
          
     
 
/*
第一个参数the_geom是指空间数据类型的字段名称,在geoserver中发布矢量数据的时候能看到要素
的属性字段,一般情况下空间数据类型的默认字段名称就是the_geom。
第二个参数是指拉伸长度值单位与要素所在坐标系一致
*/

 然后设置 offset偏移量


        
          
            the_geom
            0
            150
          
          
        
        
          #BAD8E2
          1
        
    

 
 
/*
    这里都是固定的拉伸值和偏移量,在实际应用中可以借助地理要的字段进行要素的拉伸,将
    的属性换成heightheight是指字段名
*/

四、问题总结
问题一:比如设置函数offset的X,Y偏移量,因为坐标系原因,你写的值太小比如0.001或者太大比如100000等,导致看不到这种效果,所以根据情况先慢慢增大Y值的偏移量看有没有伪三维的效果。

 0
0.08 

问题二:设置函数offset的偏移量Y值,但是没有和isometric函数的拉伸值保持一致,所以导致伪三维效果不好看,所以最好保持offset的Y值和isometric函数的拉伸值保持一致
问题三:配色问题,一定要选好颜色,比如百度那种就不错,让人开起来想三维的。

上面效果图实现:

叠加三个wms图层,然后配置不同的样式(第一层是正常的样式,不设置偏移等属性),注意:wms顺序也需要注意一下

下面是两个偏移的sld文件

1、设置偏移 0.08


    
        
            
        
        
            Default Styler
            
                group0
                Feature
                
                    default rule
                    
                        
                            
                                the_geom
                                0.08
                            
                        
                        
                            #001E39
                            0.61
                        
                       
                    
                    
                        
                            
                                the_geom
                                0
                                -0.08
                            
                        
                        
                            #001E39
                        
          #4B96B6
          0.5
        
                    
                
            
        
    

 第二个样式:设置偏移 0.16


    
        
            
        
        
            Default Styler
            
                group0
                Feature
                
                    default rule
                    
                        
                            
                                the_geom
                                0.16
                            
                        
                        
                            #001E39
                            0.61
                        
                       
                    
                    
                        
                            
                                the_geom
                                0
                                -0.16
                            
                        
                        
                            #001E39
                        
          #4B96B6
          0.5
        
                    
                
            
        
    

你可能感兴趣的:(OpenLayers,geoserver,css,前端)