Question

在创建基本谷歌地图时，我收到以下错误：未捕获的类型错误：无法读取未定义的属性“地图”

Index.html文件是：

    <!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">

</head>
<body>
<div id="map-canvas"></div>
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBKNPX_2z_JDWcyADlzzFk9JChR4TwhZLQ"
    async defer></script>
    </script>
<script src="script.js"></script>
</body>




</html>

脚本.js文件是：

    (function(window,google)
{
//maps options
var options={
    center: {
    lat:"0",
    lng:"0"
},
zoom:0
},
//maps
element=document.getElementById('map-canvas'),
map = new google.maps.Map(element,options);
}(window,window.google));

css文件是：

html {
    height: 100%;
}
body {
    height:100%;
    padding: 0;
    margin: 0;
}
#map-canvas {
    height: 100%; 
}

Answer 1

当您尝试运行依赖于它的代码时，错误告诉您未加载Google Maps Javascript API v3。

您正在使用＆＃34; async defer＆＃34;加载Google Maps Javascript API v3，但是内联加载您的脚本，您需要推迟两者或加载两者而不使用＆＃34; async defer＆＃34;。

Google控制台中的Uncaught Type错误

1 个答案: