Rails、gmaps4rails、bootstrap 和 turbolinks

Question

首先，我在 SO 上阅读了有关 Google 地图、turbolinks 等的其他线程，但它们对我不起作用（或者我做错了什么）。

我有一个带有引导选项卡的页面 - 一个选项卡显示第一个部分，第二个选项卡显示包含 Google 地图的部分。

切换到第二个选项卡后，地图一直保持空白（灰屏）。它出现在我在谷歌浏览器中检查页面（或隐藏检查）之后。

我的问题是什么可能导致它（turbolinks？），我应该如何解决这个问题？

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