logo标签列表

Bootstrap 2.1.0和谷歌地图

jquerygoogle-mapstwitter-bootstrap
4

我无法在Bootstrap 2.1.0上使用Google地图。

  • 地图大小不正确
  • 地图未居中显示

有什么提示吗？

请勿回答。

#map_canvas img { 
  max-width: none; 
}

因为这个问题已经在 Bootstrap 2.0.4 中得到修复。

只需从Google地图文档中获取示例并将其放置在Bootstrap的div中。 - tapioco123
1个回答
0

我总是为地图画布指定绝对尺寸，以使地图出现。 例如，我使用以下代码来使地图填满整个文档显示区域:

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

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接