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>