I have a WMS layer in my leaflet map:

var wmsLayer = L.tileLayer.wms('http://localhost:8080/geoserver/volonteri/wms?', {
            layers: "trgovine",
            transparent: true,
            format: 'image/png'

In backend, there is a simple PHP script that stores new points into PostGIS table which is served via geoserver as WMS.

I use an AJAX request to send data to backend PHP script. I need to refresh the layer after successful insert to draw the new point on map, but cannot find any method for refreshing. The code looks like this:

        type: 'POST',
        url: 'http://localhost:8000/api/trgovina',
        data: { 
            'name': name,
            'shop': shop,
            'geom': geometry
        success: function(){
            /* Redraw/refresh/reload should go here */

How can I solve this? I remember the older versions of openlayers had something simple like .redraw() method, but I'm pretty new to leaflet.


Let me quote from the Leaflet API documentation, about methods for L.TileLayer.WMS:

setParams(<Object> params, <Boolean> noRedraw?)

Merges an object with the new parameters and re-requests tiles on the current screen (unless noRedraw was set to true).

After this moment of RTFM, you should try to simply


or even

wmsLayer.setParams({}, false);

That makes Leaflet tell the browser to re-request the tiles. But if the tile URLs are actually the same, your web browser might pull the tiles from its cache instead of re-requesting the tiles to the WMS server.

If this is the case, you might want to use some form of cache busting, e.g. adding an ever-changing fake WMS parameter:

wmsLayer.setParams({ wmsParameterThatDoesntExist: Date.now() }, false);

If you do implement cache busting, be aware that this can negatively affect performance, specially if you expect lots of concurrent clients.

  • I tried wmsLayer.setParams({}, false); , but it doesn't work. New point is not visible in current zoom level (it is visible only after i zoom in or out). I also tried refrencing the wms layer in map object like this: map._layers[33].setParams({}, false);, but i get the same result. Seems like the tile is cached locally because i disabled caching in geoserver for that layer. Any way to work around this? – Marin Leontenko Feb 6 '18 at 12:47
  • 1
    Look at the network requests that your browser is making. You might be pulling from the browser's cache. If that's happening, you might want to use some form of cache busting, maybe via adding a ever-changing parameter (e.g. setParams({fake: Date.now()})). If you do so, be aware of the performance implications of cache busting, specially if you expect lots of concurrent clients. – IvanSanchez Feb 6 '18 at 12:53
  • Works with cache busting wmsLayer.setParams({fake: Date.now()}, false);. Thanks. Can you expand your answer with this info so i can mark it as accepted? – Marin Leontenko Feb 6 '18 at 14:00

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.