Bootstrap 2.1.0 和谷歌地图

【问题标题】：Bootstrap 2.1.0 and google mapsBootstrap 2.1.0 和谷歌地图
【发布时间】：2012-09-01 21:46:40
【问题描述】：

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

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

有什么提示吗？

请不要回答

#map_canvas img { 
  max-width: none; 
}

因为这是在 bootstrap 2.0.4 中修复的

【问题讨论】：

只需从谷歌地图文档中获取示例并将其放在引导程序的 div 中

标签： jquery google-maps twitter-bootstrap

【解决方案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

【讨论】：