geoserver heatmap tiles doesn't display well (with leaflet)

Question

I am trying to display a heatmap generated with geoserver on my map using the L.tileLayer.WMS class from Leaflet, but the tiles do not fit well together.

enter image description here

Do you have any idea how to fix it?

I can preview my points but I don't find how to preview with the sld (my heatmap) — Frederic Le Feurmou, Commented Jan 4, 2014 at 11:20
Ok I found how to do, here is a screenshot of my preview : diigo.com/item/image/3zsmm/njas It seems ok — Frederic Le Feurmou, Commented Jan 4, 2014 at 13:11
I don't use geoserver but it seems to me that the problem lies in some tiling settings that are in conflict with your wms or leaflet itself. I'd better if you post some code. — Gery, Commented Jan 4, 2014 at 21:57
can you try on the geoserver preview to ask for a tiled view? expand the options (button on top of the directions pad) and ask for the tiles (see screenshot). Does it renders equal to "non-tiled" layer? — Jorge Sanz, Commented Jan 4, 2014 at 22:21

Andrew Dennison · Accepted Answer · 2014-01-05 23:12:31Z

5

I've had this issue before, it looks like you have done exactly what I did.

The GeoServer WPS example heat map doesn't support tiles, so what Gery said is correct you need to set tiled=false.

I had the same problem in OpenLayers, so it isn't a Leaflet issue.

answered Jan 5, 2014 at 23:12

Andrew Dennison

3662 silver badges3 bronze badges

Add a comment |

Frederic Le Feurmou · Accepted Answer · 2014-01-05 23:19:47Z

2

Indeed it was a tile problem, as said in the geoserver doc

Rendering transformations may not work correctly in tiled mode, unless they have been specifically written to accomodate it.

but setting tiled to false didn't work.

But I found this custom leaflet class which worked for me : http://bl.ocks.org/ismyrnow/5415445

answered Jan 5, 2014 at 23:19

3953 silver badges13 bronze badges

Add a comment |

Gery · Accepted Answer · 2014-01-05 08:47:11Z

1

In the case the code of the WMS class itself would be the problem, you can check this nice heatmap example by Patrick Wied to see if you find a relevant difference with your code: http://www.patrick-wied.at/static/heatmapjs/example-heatmap-leaflet.html

answered Jan 5, 2014 at 8:31

Gery

2,1351 gold badge15 silver badges37 bronze badges

1

I already tried this great API and it worked well but I changed for a server side computed heatmap for performance reasons.
– Frederic Le Feurmou
Commented Jan 5, 2014 at 11:00
that means that geoserver is complicating things here, does it have any log error or something like that from where some debugging can be done? what does firebug (net tab) says?
– Gery
Commented Jan 5, 2014 at 12:51
Here is my Geoserver query log : justpaste.it/e07d No log error on the client side
– Frederic Le Feurmou
Commented Jan 5, 2014 at 16:03
2

looks to me that you need to change things to, e.g.: tiled=false, and check the projection stuff in your map as well as the tile size (not likely but give it a try). If your basemaps are google et al (basemaps in 900913) and your tiles in 4326, things are messed up because of that.
– Gery
Commented Jan 5, 2014 at 16:08

Add a comment |

3 Answers 3