How to have two identical maps

[rawbeans]

I would like to have two maps that mirror each other. I have many calls to getMap() in my controller. One way I could do this is by setting ids for the two maps, but this would require many duplicate calls to getMap in the controller.

Any thoughts on how to accomplish this?

[nmccready]

Is this on the same DOM or in different browsers? If I were to mirror I would use the same html and js and use websockets to keep them mirrored. Then it is less complicated on the frontend.

[rawbeans]

Same DOM, although they wont be displayed to the user at the same time. I have two tabs in my application. One displays the map fullscreen, the other is only part of the page.

[nmccready]

Hmm, well again you could just use the same controller and have them sync with websockets or pump the same promises to them.

[rawbeans]

Ok. Lets forget about mirroring for now. I just want the maps to load up the same.

Right now I have two instances of a single controller, each with a leaflet map. How can I pass in the map id set in the leaflet markup so that the controller instance knows which map to get?

I could set a scope variable from the html but that in generally not advised, and seems repetitive here. Also this variable does not get set right away if you use ng-init.

Basically I need a way to know in the controller scope which map belongs to that scope.

[MichaelMarkieta]

What do you need to sync between the two maps?