初始页面加载后谷歌地图无法加载答案

【问题标题】：Google map fails to load after initiail page load初始页面加载后谷歌地图无法加载
【发布时间】：2014-05-28 17:37:39
【问题描述】：

google.maps.event.addDomListener(window, 'load', 初始化); 我已经在我的 rails 应用程序的静态页面上放置了谷歌地图。初始加载时地图很好，但我不知道正确的 javascript 使其在后续页面加载时加载。

负责的代码：

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
    <script>
function initialize() {
  var myLatlng = new google.maps.LatLng(52.619885, -0.523137);
  var mapOptions = {
    zoom: 10,
    center: myLatlng
  }
  var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

  var marker = new google.maps.Marker({
      position: myLatlng,
      map: map,
      title: 'Welcome!'
  });
}

google.maps.event.addDomListener(window, 'load', initialize);

【问题讨论】：

我禁用了 turbolinks，它现在可以工作了。因为它是一个简单的网站，性能并没有受到影响。禁用 turbolink 是否有不利影响？

标签： javascript ruby-on-rails google-maps

【解决方案1】：

试试

google.maps.event.trigger(map, 'resize');

这应该会刷新地图

【讨论】：

抱歉，不走运。我现在已经发布了整个内容。
只是一个评论。您应该获得 Google 地图的 API 密钥，否则它可能无法正常工作。当你做你的新来源时，它将是<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&sensor=false"></script>