geoserver热图

1.参考

GeoServer发布Heatmap - wenglabs - 博客园

Rendering Transformations — GeoServer 2.21.x User Manual

2.下载 GeoServer 及wps插件，该插件gs:heatmap支持热图样式

3.发布测试shp

geoserver热图测试数据-其它文档类资源-CSDN下载

4、添加热图样式，刚才发布的图层设置该样式，注意里面的权重字段

weightAttr为权重字段[0,1]

    
        Heatmap
        
            
            A heatmap surface showing population density
            
                
                    
                        
                            data
                        
                        
                            weightAttr
                            maxwater
                        
                        
                            radiusPixels
                            
                                radius
                                100
                            
                        
                        
                            pixelsPerCell
                            10
                        
                        
                            outputBBOX
                            
                                wms_bbox
                            
                        
                        
                            outputWidth
                            
                                wms_width
                            
                        
                        
                            outputHeight
                            
                                wms_height
                            
                        
                    
                
                
                    
                        
                        
                            geom
                        
                        0.6
                        
                            
                            
                            
                            
                            
                        
                    
                
            
        
    

5.前端demo

	
		
		
		
		
			html,
			body,
			.map {
				height: 100%;
				width: 100%;
				margin: 0;
				padding: 0
			}
		
	
	
		
	
	
	

6、最后效果

wms正常

瓦片却不正常，哪位同学指教下。