Gmaps4rails turbolink 禁用不工作 - Rails 5

Question

当我单击导航栏中的联系人按钮时，页面底部的地图不会加载，除非我刷新。当我点击联系按钮时，我得到的是：

注意它给我的控制台错误。我在同一个 link_to 标签 'data-no-turbolink' => true 和 :data => {no_turbolink:'true'}

中尝试了这两行

它工作的唯一方法是当我刷新时给我正确的外观：

这就是我的导航条代码用于联系部分 <%= link_to 'Contact Us', '/contacts', class: "dropdown-toggle", data_toggle: "dropdown", :data => {no_turbolink:'true'} %>

这是我联系表中地图的代码：

<script>
    handler2 = Gmaps.build('Google');
    handler2.buildMap({ provider: {}, internal: {id: 'contact_map'}}, function(){
    markers = handler2.addMarkers([
    {
      "lat": 34.047103,
      "lng": -118.434072
    }
  ]);
  handler2.bounds.extendWith(markers);
  handler2.fitMapToBounds();

});

    </script>

我在类似的问题中尝试了不同的建议，但对我没有任何帮助。我的目标是每次单击 link.

时始终加载地图

Answer 1

您可以参考此 link disable turbolink on specific link ，对于上面的代码，您可以尝试下面的代码

<div data-turbolinks="false">
  <%= link_to 'Contact Us', '/contacts', class: "dropdown-toggle", data_toggle: "dropdown" %>
</div>

Gmaps4rails turbolink 禁用不工作 - Rails 5

Gmaps4rails turbolink disable not working - Rails 5

google-maps

ruby-on-rails

gmaps4rails

ruby-on-rails-5