ブートストラップ 2.1.0 で Google マップを動作させることができません。
- マップが適切なサイズにならない
- 中心ではありません
ヒントはありますか?
答えないでください
#map_canvas img {
max-width: none;
}
これはブートストラップ 2.0.4 で修正されているためです。
ブートストラップ 2.1.0 で Google マップを動作させることができません。
ヒントはありますか?
答えないでください
#map_canvas img {
max-width: none;
}
これはブートストラップ 2.0.4 で修正されているためです。
マップが表示されるように、常にマップ キャンバスに絶対的な寸法を指定します。たとえば、次のコードを使用して、ドキュメントの表示領域全体をマップで埋めます。
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 はどこですか