Question

正如标题所示，我已经在我的wordpress页面中实现了一个非常简单的谷歌地图。

我尽可能地将其剥离到头部的下方：

<style>
      #map-canvas {
        height: 700px;
        width: 700px;
      }
    </style>
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
    <script>
var map;
function initialize() {
  map = new google.maps.Map(document.getElementById('map-canvas'), {
    zoom: 8,
    center: {lat: -34.397, lng: 150.644}
  });
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>

我身上有一个div id ='map-canvas'。

代码是正确的，因为我用jsfiddle运行它：https://jsfiddle.net/oLyz8ge0/

我的wordpress网站上包含代码的临时网页位于：http://www.worldheritagetrip.com/unesco-world-heritage-list/

我花了几天时间试图解决这个问题。

主要问题是问题是间歇性的！

因此，如果您转到页面，它可能会加载第一个，单击刷新 - 它可能会加载，它可能不会。这是完全随机的。

当我开始这个网页的时候，我是一个新手，并且通过JS安装了许多wordpress插件。从那时起，我已经完善了我的JS技能并且现在想'我知道我在做什么'。但是，我担心在我修修补补的地方搞砸了一些东西 - 我不知道。但它并没有解释随机性。

另外：我发现在chrome和firefox中问题是最糟糕的 - 令人惊讶的是我的iPphone（chrome和safari）每次都会加载！在IE（WTF？）!!

有人可以帮助我吗？

谷歌地图在WordPress上间歇性加载

0 个答案: