Rails, gmaps4rails, bootstrap and turbolinks

Question

첫째, 나는 Google Maps, turbolinks 등에 관해서 다른 스레드를 읽었지 만 그들은 나에게 도움이되지 않습니다.

부트 스트랩 탭이있는 페이지가 있습니다. 한 탭에는 첫 번째 부분이 표시되고 두 번째 탭에는 Google지도가 포함 된 부분이 표시됩니다.

두 번째 탭으로 전환하면지도가 항상 비어있게됩니다 (회색 화면). Google 크롬에서 페이지를 검사하거나 검사를 숨긴 후에 나타납니다.

제 질문은 무엇이 원인 일 수 있습니까 (터보 링크)? 어떻게이 문제를 해결해야합니까?

Answer 1

은 다음과 같이 그것을 해결 :

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(); 
    })