jQuery 对话框中的 Bing 地图仅在 IE8/9 中无法正确显示

Question

我有一个弹出的 jQuery 对话框，用于在我正在构建的房地产网站上显示 bing 地图（鸟瞰图）。出于某种原因，鸟瞰图在 Firefox、Chrome 和 Safari 中运行良好，但在 IE8 或 IE9 上却不行。

例如，您可以查看此页面：

http://www.nhfinehomes.com/Property/Detail/4126470

鸟瞰图是顶部的按钮。几天来一直试图弄清楚这一点。当对话框打开时，地图是对话框的一个小正方形部分，而不是整个对话框。

我尝试在对话框中将地图设置为固定宽度（只是想看看这是否可行），但仍然没有成功。

我认为我需要在对话框打开时触发某种类型的刷新，但我似乎无法确定应该是什么。

TIA

Answer 1

问题肯定是尺寸问题。我在 jQuery UI 对话框中检查了 Bing maps html，它在 Chrome 中看起来很好。但是，在 IE 中，托管地图切片的父 <div> 具有可疑的小尺寸，这似乎不正确。看起来，当 jQuery UI JavaScript 执行并修改托管地图的 DOM 元素时，IE 中一定出现了问题，导致 bing 地图控件无法确定它需要多大。我确实注意到您让 jQuery UI 对话框可重新调整大小，当我尝试调整对话框大小时，地图似乎会自行更正并正确显示。

因此，作为一种解决方法，请尝试在对话框打开事件中微调对话框的大小以模拟调整大小。这可能与用户启动调整大小并导致地图自行更正具有相同的效果。至于更优雅的修复，我很难说，因为我面前没有源代码。但我会先尝试在设置对话框后使用 JavaScript 设置地图的宽度和高度，而不是指望默认行为并查看它是否有效。