我是javascript的新手，对Google API集成不太熟悉。我只是想加载一个简单的页面，上面有谷歌地图进行测试。我已经看到了不同的实现，并且可以真正识别出可能在这个小代码块中给我带来错误的任何差异。谁能告诉我为什么我会收到此错误？
<HTML>
<HEAD>
<TITLE> MAP </TITLE>
</HEAD>
<SCRIPT src="https://maps.googleapis.com/maps/api/js?
key=**keyhere**&callback=initialize"></script>
<SCRIPT LANGUAGE ="JavaScript">
function initialize(){
var map = new google.maps.Map(document.getElementById('map'), {zoom: 3,
center: {lat:51.500, lng:-0.201}});
}
</SCRIPT>
</BODY onload= "initialize()">
<div id="map" style="width:500px; height:400px;"></div>
<BODY>
<HTML>
您的 HTML 中有语法错误，这是不正确的：
</BODY onload= "initialize()">
<div id="map" style="width:500px; height:400px;"></div>
<BODY>
应该是：
<BODY onload= "initialize()">
<div id="map" style="width:500px; height:400px;"></div>
</BODY>
您也不需要/想要两个调用来初始化(一个在 body onload 中，另一个在 API 回调参数中(，删除一个。
工作代码：
<HTML>
<HEAD>
<TITLE> MAP </TITLE>
</HEAD>
<SCRIPT src="https://maps.googleapis.com/maps/api/js?callback=initialize" async defer ></script>
<SCRIPT LANGUAGE ="JavaScript">
function initialize(){
var map = new google.maps.Map(document.getElementById('map'), {zoom: 3,
center: {lat:51.500, lng:-0.201}});
}
</SCRIPT>
<BODY>
<div id="map" style="width:500px; height:400px;"></div>
</BODY>
<HTML>