locked
Bing Map in AJAX Modal Popup v3.5 RRS feed

  • Question

  • Hi,

    I am having an issue when rendering a Bing Map in an AJAX modal popup in IE.  Some of the tile look fine while other are blurred.  I am also drawing a polygon dynamically with drag handles and the drag handles (pushpins) are not showing up at all, the line for the next vertex is not showing up and the polygon occasionally shows up.  I have tried this in FF and it works fine there.  Any ideas?

    I am using the latest 3.5 version of AJAX Control Toolkit, Bing Maps AJAX v7, Visual Studio 2008.

    IE9 Image (note no grab handles, no line for next vertex and blurry background)

    Firefox Image (note grab handles, line for next vertex and all background image correct)

    Thanks,

    Scott

    Thursday, July 12, 2012 11:36 AM

Answers

  • Hello,

    It will be easier for us if we could see your map initialization code.
    I suspect that you don't set the width and height of the map in the mapOptions in the constructor. You should ensure that you're setting those values and after this, you will have to check if there is no other DIV or HTML elements that might mess up with your map control.


    MVP - Bing Maps - My blog (FR): http://blogs.developpeur.org/nicoboo/ Twitter: http://twitter.com/nicolasboonaert/

    Thursday, July 12, 2012 12:57 PM

All replies

  • Hello,

    It will be easier for us if we could see your map initialization code.
    I suspect that you don't set the width and height of the map in the mapOptions in the constructor. You should ensure that you're setting those values and after this, you will have to check if there is no other DIV or HTML elements that might mess up with your map control.


    MVP - Bing Maps - My blog (FR): http://blogs.developpeur.org/nicoboo/ Twitter: http://twitter.com/nicolasboonaert/

    Thursday, July 12, 2012 12:57 PM
  • Nicolas,

    Thanks for the reply.  Here is my code.

    map = new Microsoft.Maps.Map(document.getElementById('mapDiv'), { credentials: '{Credentials}', {Bounds} });

    where {Credentials} is our key and {Bounds} is the boundaries in lat, lon.  I am setting the width and height of the div mapDiv to 400 x 400 but not the bounds of the map in pixels.

    Best,

    Scott

    Thursday, July 12, 2012 2:27 PM
  • Nicolas,

    I just added that to the initialization and that fixed it.

    Best,

    Scott

    Thursday, July 12, 2012 2:46 PM