Question

I have a Bing Map and I’m using the navigation bar (the white bar with zoom controls). The bar is on the left side but I want it to be on the right side. How do I position the bar on the right side of the map?

Answer 1

I figured out a Javascript solution. I created a Javascript interval that waits for the map to load and then repositions the navigation bar. I’m sure there is a more elegant CSS solution that I could have used but this worked well enough.

    var intervalRepsotionNavBar = setInterval(RepositionNavigationElement, 50);

    function RepositionNavigationElement() {
        var navBar = $('.NavBarFull', mapElem);
        var mdr = $(mapDrawingRegion);
        if (navBar.length > 0) {
            clearInterval(intervalRepsotionNavBar);
            navBar.css('left', mdr.innerWidth() - navBar.innerWidth());
        }
    }