jquery - Bootstrap 2.1.0 和谷歌地图

Question

我无法让谷歌地图在 bootstrap 2.1.0 上运行。

• 地图大小不合适
• 它没有居中

任何提示？

请不要回答

#map_canvas img { 
  max-width: none; 
}

因为这在引导程序 2.0.4 中已修复

Answer 1

我总是给地图画布绝对尺寸以使地图出现。例如，我使用此代码使地图填充整个文档显示区域：

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地图div的id在哪里