Can a custom control be used with multiple maps? about ol-ext-angular HOT 2 CLOSED

Hello,

A control is associated with only one map. So you have to create one control per map (as mouse position in the example).
The trick is to hide the control when the map is not concerned and show only one at a time.

You can use setMap to switch the control map when a map is active.
But don't have to use it, you can add a control per map and you just have to show / hide the control when the map is active or not (if the mouse is on the viewport or if a map is clicked).

@+

from ol-ext-angular.

Thank you so much again for your precious feedback!
I was able to implement the outside controls.
What I did was:

• create one control per each map and associate each of them to one map
• draw them concurrently BUT one on top of the other, to give the impression that it's just one control
• create a service that, after clicking one control (they actually are all buttons in my case), handles the activation/deactivation of all other similar controls underneath
• activation/deactivation of controls also implies adding/removing the click event listener to each maps the controls are associated with (i.e. by using e.g. this.clickKey = map.on('click', whatever) to a variable on activation and using unByKey(this.clickKey) when deactivating

Again, thankyou so much for clatrifying the 1 control -> 1 map rule, and to give me a suggestion for solving the problem!

Closing now 👍

from ol-ext-angular.