Google Map API无效值错误功能未定义？
问题描述：
我是JavaScript新手，不太熟悉google API集成。我只是试图加载一个简单的页面与谷歌地图进行测试。我已经看到了不同的实现，并且可以真正辨别出在这个小代码块中可能会给我带来错误的任何差异。任何人都可以告诉我为什么我得到这个错误？Google Map 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>
你也不需要/想两次调用初始化（一个在主体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>
出于某种原因截图didnt上传...继承人的错误： MC {消息： “初始化不是一个函数”，名称：“ InvalidValueError“，堆栈：”在新的MC错误键（https://maps.googleapis.com/m... –