我无法让 Google map 在 Bootstrap 2.1.0 上运行。
- map 尺寸不正确
- 不居中
有什么提示吗?
请不要回答
#map_canvas img {
max-width: none;
}
因为这在 bootstrap 2.0.4 中已修复
最佳答案
我总是为 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
关于jquery - Bootstrap 2.1.0 和谷歌地图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12231683/