Openlayers-3 Force a map refresh

Question

I have a custom styling that shows/hides features on the map, but when it is applied it doesn't activate until the map refreshes due to a feature update, but I need it to trigger immediately.

I tried map.render and renderSync() but they did nothing. mapResize() doesn't appear to do anything either, but if I wait for a feature to be updated or move the map it works.

Any ideas? How can I FORCE the map to redraw on demand, regardless of a feature update?

Limes

You can refresh your map using the methods from the answer below: #25995834 – Passageway

Answer 1

I believe you need to force your layer's source to update, you can do so by calling the changed function on it:

yourLayer.getSource().changed();

see: http://openlayers.org/en/v3.6.0/apidoc/ol.source.Source.html

Baboon

Turns out I WAS doing this at another point in my codebase - must have forgotten or someone else used it! Thanks. – Limes

Answer 2

I've finally found a solution to refresh a layer on openlayers 3.

You have to update params of the layer source like this:

var source = yourLayer.getSource();
var params = source.getParams();
params.t = new Date().getMilliseconds();
source.updateParams(params);

Role

Answer 3

To solve the issue just use

this.map.updateSize();

Zoography

a handy jquery snippet: $(window).resize(function(){if(map){map.updateSize();}}); – Leviathan

Answer 4

In case Sarumanatee doesn't work for you, you can try this one:

map.render();

I am using ol3.

Thiol

Answer 5

one way is to group your features based on their purpose and put each group on different layers, then you can easily show or hide specified layer that have the features your want to hide or show.

Pasty

I was under the impression that using many layers impacted performance - have you found this? – Limes

Answer 6

Use yourlayer.source().updateParams({CQL_FILTER:"1=1"});

It will definitely work.

Jewess