Other controls are added to the map-overlay if they are added after the OverviewMap Control

[arnaudleclerc]

This issue is for a: (mark with an x)

- [ x ] bug report -> please search issues before submitting
- [ ] feature request
- [ ] documentation issue or request
- [ ] regression (a behavior that used to work and stopped in a new release)

Minimal steps to reproduce

• Add an OverviewMap control to the map
• Add another type of control to the map

The secondly added control is added inside the overlay of the OverviewMap control

Mention any other details that might be useful

This only affect the controls added after the OverviewMap control. If the OverviewMap control is the last added, everything works fine.

//Wait until the map resources are ready.
map.events.add('ready', function () {
    // The compass is added on the top-right corner of the map
    map.controls.add(new atlas.control.CompassControl(), {
        position: 'top-right'
    });

    //Add the bring data into view control to the map.
    map.controls.add(new atlas.control.OverviewMap(), {
        position: 'top-left'
    });

    // The style control will be added to the bottom-right corner of the overlay
    map.controls.add(new atlas.control.StyleControl(), {
        position: 'bottom-right'
    });
});

[rbrundritt]

This is a bit of a crazy bug. It seems this occurs to any control added to the map that has a right position when the overview map control has a left position. Digging deeper into this the root cause of this is in the Azure Maps Web SDK itself. Digging through the source code of the Azure Maps Web SDK, it is looking up the control container for the position using a CSS class name, and if there is more than one, using the first one. When the position is left, the first div container is for the first map, but when the position is right, the second div container is for the first map since the overview map is in the DOM before the control container for right positioned controls in the first map. I'll pass this feedback on to the Azure Maps team.