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>

我在类似的问题中尝试了不同的建议，但没有任何对我有用。我的目标是每当我点击链接时都会加载地图。

Answer 1

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

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