Javascript 我的谷歌地图赢了'；即使我的函数在全局范围内，也不能加载_Javascript_Jquery_Google Maps_Google Maps Api 3

Javascript 我的谷歌地图赢了'；即使我的函数在全局范围内，也不能加载

javascript jquery google-maps google-maps-api-3

Javascript 我的谷歌地图赢了'；即使我的函数在全局范围内，也不能加载,javascript,jquery,google-maps,google-maps-api-3,Javascript,Jquery,Google Maps,Google Maps Api 3,要在我的页面上显示谷歌地图，我遇到了一些问题。我查找了答案，发现了一些类似的东西，指出了正确的方向（使我的函数可以全局访问），但在我这样做之后，我仍然收到以下错误我不确定我到底做错了什么。下面是我的代码： HTML <!DOCTYPE html> <html> <head> <title>Dateandtime</title> <link rel="stylesheet" type="text/css"

要在我的页面上显示谷歌地图，我遇到了一些问题。我查找了答案，发现了一些类似的东西，指出了正确的方向（使我的函数可以全局访问），但在我这样做之后，我仍然收到以下错误

我不确定我到底做错了什么。下面是我的代码：

HTML

    <!DOCTYPE html>
<html>
<head>
    <title>Dateandtime</title>
    <link rel="stylesheet" type="text/css" href="css/foundation.min.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>

    <div class="row">
        <div class="columns small-12">
            <ul class="menu">
                <li><a href="index.html">Home</a></li>
                <li><a href="http://carter3689.tumblr.com/">Blog</a></li>
            </ul>   
        </div>
    </div>

    <div class="row">

    <div class="columns small-12" id="map" style="height:100%"></div>

    </div>


    <div id="map"></div>
<script src="js/maps.js" ></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBZMmJXCp7-bYmXDcd-a6UFWi9mBVAPy4s&callback=initMap" async defer></script>

</body>
</html>

任何帮助都将不胜感激！谢谢

创建一个initMap函数，而不是将函数分配给window.initMap。像这样：

function initMap()
{
     ...
}

参见

中的示例你确定你在

js/maps.js

之后加载了maps API吗？请提供一个例子来说明这个问题。是的，我很抱歉…我之前没有获取整个HTML代码。**更新**我发现我的文件保存在我的项目文件夹之外。一旦我把它放进正确的文件夹，我就不再收到错误了……尽管它仍然没有显示在页面上。我想这可能和身高有关？谢谢大家的帮助…问题是身高

function initMap()
{
     ...
}