如何正确调用javascript谷歌地图api函数？
我正试图让谷歌地图出现在我的网站上，洛杉矶是我的中心。我使用javascript google maps api键来实现这一点。我通过下载平台API检查器检查了密钥，它说它成功了。我在地图上发现一个错误，“此页面无法成功加载谷歌地图”。下面我做错了什么？谢谢 personInfo.html如何正确调用javascript谷歌地图api函数？,javascript,html,google-maps,google-maps-api-3,google-api,Javascript,Html,Google Maps,Google Maps Api 3,Google Api,我正试图让谷歌地图出现在我的网站上，洛杉矶是我的中心。我使用javascript google maps api键来实现这一点。我通过下载平台API检查器检查了密钥，它说它成功了。我在地图上发现一个错误，“此页面无法成功加载谷歌地图”。下面我做错了什么？谢谢 personInfo.html <head> <meta charset="UTF-8"> <title> Covid 19 Patient Map </title>
<head>
<meta charset="UTF-8">
<title> Covid 19 Patient Map </title>
<style>
#map{
height: 400px;
width: 50%;
}
</style>
</head>
<body>
<p style="text-decoration: underline;"><a href="http://127.0.0.1:5000"/> Back to home </a></p>
<h2 id="displayName" ></h2>
<div class="block">
<label>Lives at: </label>
<p id="address"></p>
</div>
<div class="block">
<label>Covid status?: </label>
<p id="covidPos"></p>
</div>
<h1> Covid 19 Patient Map </h1>
<div id="map"></div>
<script>
var personInfoList = JSON.parse(sessionStorage.getItem("newList1"));
for(let item of personInfoList) {
document.getElementById("displayName").innerHTML = item[0] + " " + item[1];
document.getElementById("address").innerHTML = item[2];
document.getElementById("covidPos").innerHTML = item[3];
}
function initMap(){
var opts = {zoom: 10, center: {lat: 34.0522, lng: 118.2437}
}
var map = new google.maps.Map(document.getElementById('map'),opts);
}
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDzRLuKxf5Xa4oTwp5o_PErnB8u88br3MU&callback=initMap">
</script>
</body>
</html>
新冠病毒19型患者图
#地图{
高度：400px；
宽度：50%；
}
居住于：
新冠病毒状态？：
新冠病毒19型患者图
var personinfo=JSON.parse（sessionStorage.getItem（“newList1”）；
for（让PersonInfo列表项）{
document.getElementById（“displayName”）.innerHTML=item[0]+“”+item[1]；
document.getElementById（“地址”）.innerHTML=项[2]；
document.getElementById（“covidPos”）.innerHTML=item[3]；
}
函数initMap（）{
var opts={zoom:10，中心：{lat:34.0522，lng:118.2437}
}
var map=new google.maps.map（document.getElementById（'map'），opts）；
}
一点建议不要这样放置api密钥（前端），而不是从后端检索密钥（您可能需要使用.env文件） 你确定要在此处发布你的API密钥吗？
此页面无法成功加载google maps。