2016-09-12 14 views
0

まず、私はGoogle Maps、turbolinksなどについて他のスレッドを読んでいますが、私にとってはうまくいきません(あるいは何か間違っています)。Rails、gmaps4rails、bootstrap and turbolinks

ブートストラップタブ付きのページがあります.1つのタブには第1部分が表示され、第2部分にはGoogleマップが含まれています。

2番目のタブに切り替えると、マップは常に空白のままです(灰色の画面)。 google chromeでページを検査した後(または検査を非表示にした後)に表示されます。

私の質問は、(turbolinks?)の原因となる可能性がありますが、この問題をどのように解決すればよいですか?

答えて

0

はこのようにそれを解決:

var mapRefreshed = false; 
    $('#myTabs a').click(function (e) { 
    $(this).tab('show'); 
    if ($(this).is("#map_view_tab") && (mapRefreshed == false)) { 
     console.log("Map refreshed!"); 
     google.maps.event.trigger(map, 'resize'); 
     mapRefreshed = true; 
    } 
    e.preventDefault(); 
    })