谷歌地图不加载

我使用这段JavaScript代码到我的示例站点，我在那里包括一个谷歌地图，但是当页面加载时地图不加载。谷歌地图不加载

更新 - 此外，我注意到，如果我离开网页打开很长一段时间谷歌地图的一些部分被加载。

这是我写的代码的错误还是某种形式的滞后。

任何形式的帮助表示赞赏

HTML

<head> 
    <script src="js/gmaps.js"/></script> 

    </head> 

    <body> 
     <section id="properties" class="container"> 
      <article id="prop1"> 
       <div id="tabs"> 
        <ul> 
         <li> 
          <a href="#map">Location</a> 
         </li> 
        </ul> 
        <div id="map"></div> 
        </div> 
      </article> 
      </body> 
      </html>

JAVASCRIPT

<script>  
     GMaps({//maps UI 
    el: '#map', 
    lat: 52.97, 
    lng: -2.44 
    }); 
      </script>

来源

2017-04-21 IsiraK

请向我们展示更多与您相关的html代码+ java脚本代码，你的java脚本引用p.s.省略你的api键 – audittxl

控制台中的任何警告？ – nocturne

控制台中没有任何警告，当页面加载时，由于Google地图工具的存在，您可以看到这里有谷歌地图，但地图本身根本不可见。 – IsiraK

尝试更换el到div这样的：

$(document).ready(function() { 
    GMaps({//maps UI 
     div: '#map', 
     lat: 52.97, 
     lng: -2.44 
    }); 
});

只需检查文档：https://hpneo.github.io/gmaps/examples/basic.html

来源

2017-04-21 10:03:00

非常抱歉前面的代码，它只是简单地有一个JavaScript代码。我希望这个更新版本能够帮助解决这个问题。谢谢你的帮助。 – IsiraK

如果您的js已下载并加载，您可以检查Chrome的资源选项卡或网络选项卡吗？ –

@IsiraK我刚刚编辑了我的文章，请查看 –

谷歌地图不加载

回答

相关问题