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?

You can refresh your map using the methods from the answer below: https://stackoverflow.com/questions/25995334/deconstructing-an-open-layers-3-map — Umutcan Alpak, Feb 23 '21 at 09:30

score 16 · Accepted Answer · answered Jun 23 '15 at 13:52

16

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

answered Jun 23 '15 at 13:52

Sarumanatee

490
6
23

Turns out I WAS doing this at another point in my codebase - must have forgotten or someone else used it! Thanks. – Jun 25 '15 at 10:05

score 7 · Answer 2 · answered Oct 19 '15 at 10:09

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);

score 7 · Answer 3 · answered Sep 11 '19 at 10:21

7

To solve the issue just use

this.map.updateSize();

answered Sep 11 '19 at 10:21

Khem Raj Regmi

2,130
19
21

a handy jquery snippet: `$(window).resize(function(){if(map){map.updateSize();}});` – user151496 Aug 21 '20 at 10:17

score 3 · Answer 4 · answered Feb 23 '17 at 11:04

3

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

map.render();

I am using ol3.

answered Feb 23 '17 at 11:04

bartosz.baczek

1,567
1
17
32

score 0 · Answer 5 · answered Jun 26 '15 at 00:38

0

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.

answered Jun 26 '15 at 00:38

Mohammad Hajiaghazadeh

456
4
12

I was under the impression that using many layers impacted performance - have you found this? – Jun 29 '15 at 07:24

score 0 · Answer 6 · answered Apr 20 '18 at 13:42

0

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

It will definitely work.

answered Apr 20 '18 at 13:42

Pankaj Kumar

1
3

Openlayers-3 Force a map refresh

6 Answers6

Linked