3

我正在使用 Bing Map API v7，并试图使其响应。我最初的想法是典型的

<div id='mapDiv' style="position:relative; width:100%; height:auto;"></div>

问题是当我这样做时地图完全消失了。如果我不能使用 height:auto; ，有关如何正确缩小地图的任何想法；当我定义高度时，地图工作正常。我对此感到很困惑。不知道我还能展示我的代码来尝试和帮助，但如果你需要更多，请告诉我。

这是我使用的解决方案：

$(window).ready(updateHeight);
$(window).resize(updateHeight);

function updateHeight()
{
var div = $('#mapDiv');
var menu = $('#mapMenu');
var headerHeight = $('#header').outerHeight();
var windowHeight = $(window).height() - $('#header').outerHeight();
div.css('height', (windowHeight));
}
4

2 回答 2

2

您需要使用 Javascript 检测窗口高度，然后在加载和调整大小时动态设置高度。这适用于谷歌地图，但前提相同。

$(window).resize(function () {
var screenH = $(document).height();
var screenW = $(document).width();
$('#map-canvas').css({
    width: screenW - listingsW,
})
 google.maps.event.trigger(map, 'resize');

});
于 2013-10-08T23:41:24.990 回答
0

我这样做map.SetView：

addEvent(window, 'resize', function() { 
  var width = $(window).width();
  map.setView({ width: width, height: 400 })
});
于 2014-10-16T12:19:03.820 回答