Multiple maps on the same page RRS feed

  • Question

  • Hi,

    Is it possible to create a web application that displays two maps on the same page?

    It is definitely possible with Google maps, I was wondering if Bing supports it:

    I am using the Javascript API: <script type="text/javascript" src=""></script>

    When I declare more than one instance, the maps display but plotting points onto the maps does not work:

    map = new Microsoft.Maps.Map(document.getElementById("mapDiv"), { credentials: "REMOVED", mapTypeId: Microsoft.Maps.MapTypeId.road, width: 400, height: 400 });

    map1 = new Microsoft.Maps.Map(document.getElementById("mapDiv1"), { credentials: "REMOVED", mapTypeId: Microsoft.Maps.MapTypeId.road, width: 400, height: 400 });

    Thanks for the help.

    Wednesday, May 2, 2012 2:26 AM


All replies

  • I seem to be having a similar problem which is keeping my maps from being able to display the Bird's Eye view. I'm wondering if I can solve this by putting the maps into iframes, but that's not an ideal solution for my situation.
    Friday, May 25, 2012 1:30 AM
  • Take a look at the Bing Maps Minimap module. This creates two bing map instances on the same page without any issues. You can find this module here:

    Monday, May 28, 2012 9:03 AM
  • I'm also having problems when trying to display multiple maps on the same page.

    It's not clear how the MiniMap Modlule you have suggested helps to solve the problem.

    Why is there a problem with multiple maps anyway? There are no errors thrown, but depending on what you are trying to achieve, either the maps don't display, or the directions don't display and the Bird's Eye view is not available.

    I'm trying to convert a Web app from Google maps (which displays multiple maps without problems) to Bing in order to use Bird's Eye.

    Any ideas?

    Monday, April 22, 2013 1:47 PM