jquery - Bootstrap 2.1.0 和谷歌地图

Question

我无法让 Google map 在 Bootstrap 2.1.0 上运行。

• map 尺寸不正确
• 不居中

有什么提示吗？

请不要回答

#map_canvas img { 
  max-width: none; 
}

因为这在 bootstrap 2.0.4 中已修复

Answer 1

我总是为 map Canvas 提供绝对尺寸以便 map 显示。我使用此代码作为示例，使 map 填充整个文档显示区域:

var wnd = $(window);
var jMap = $("#map");
var map = new google.maps.Map(jMap[0],
{
    zoom: 10,
    center: new google.maps.LatLng(50.50714570, 5.419846499999999),
    mapTypeId: google.maps.MapTypeId.ROADMAP
});

function resize()
{
    jMap.width(wnd.width());
    jMap.height(wnd.height());
    google.maps.event.trigger(map, "resize");
}

wnd.resize(resize);
resize(); // Initial resize

其中map是 map div的id