1

所以，我必须承认我是 Rails 的新手，所以我担心我可能会遗漏一些非常明显的东西，但我不断收到 Gmaps4Rails gem 的错误消息。环顾四周，我在任何地方都找不到这个问题，所以我想我忘记了一些非常重要的东西，以至于其他人似乎都没有这个问题。

我知道我很接近，因为每当我刷新页面时，整个事情都会神奇地起作用，所以，我知道这是一个时间问题。如果有帮助，我也在使用 Bootstrap。

我不断收到的错误消息是：

无法在“文档”上执行“写入”：除非显式打开，否则无法从异步加载的外部脚本写入文档。

查看代码：

<strong>Map:</strong>
<div id="map-canvas"/></div>



<% content_for :scripts do %>
<script src="//maps.google.com/maps/api/js?v=3.13&amp;sensor=false&amp;libraries=geometry" type="text/javascript"></script>
<script src='//google-maps-utility-library-v3.googlecode.com/svn/tags/markerclustererplus/2.0.14/src/markerclusterer_packed.js' type='text/javascript'></script>
<script type="text/javascript">

  handler = Gmaps.build('Google');
  handler.buildMap({ provider: {}, internal: {id: 'map-canvas'}}, function(){
    markers = handler.addMarkers(<%= raw @hash.to_json %>)
    handler.bounds.extendWith(markers);
    handler.fitMapToBounds();
  });
</script>

<% end %>

Application.html.erb 代码：

<body>

<ul class="nav nav-tabs">
  <li><%= link_to 'Services', services_path %></li>
  <li><%= link_to 'Users', users_path %></li>
  <li><%= link_to 'Sign In', user_sessions_new_path %></li>
  <li><%= link_to "Log Out", logout_path, method: :delete %></li>
  <li>You are signed in as : <%= session[:username] %></li>
</ul>

<%= yield %>
<%= yield :scripts %>
</body>

控制器代码：

def index
    @services = Service.all
    @hash = Gmaps4rails.build_markers(@services) do |service, marker|
      marker.lat service.lat
      marker.lng service.long
    end
  end

因此，我尝试过的一些事情包括：

  • 在 google maps api 脚本中包含“callback=initialize”，然后在页面加载后调用 onload。
  • 将脚本放在几乎所有你能想象到的地方

还有一些来自互联网的其他人，但他们都没有工作，叹息。请指教。

4

1 回答 1

0

尝试使用 jquery 在 dom 上运行脚本，它是：

$(function() {
  handler = Gmaps.build('Google');
  handler.buildMap({ provider: {}, internal: {id: 'map-canvas'}}, function(){
    markers = handler.addMarkers(<%= raw @hash.to_json %>)
    handler.bounds.extendWith(markers);
    handler.fitMapToBounds();
  });
})
于 2014-07-02T17:59:38.460 回答