Javascript 谷歌地图API V3 API密钥未加载

Javascript 谷歌地图API V3 API密钥未加载,javascript,api,google-maps,google-maps-api-3,Javascript,Api,Google Maps,Google Maps Api 3,我的Javascript和API密钥有问题。我只希望这段代码在浏览器中显示地图,但它仍然找不到API键 我以前用过谷歌地图几次,但我没有发现这些问题 我希望你能帮助我 这是我的密码 <!DOCTYPE html> <html> <head > <title>maps</title> <style type="text/css"> body { height: 100%

我的Javascript和API密钥有问题。我只希望这段代码在浏览器中显示地图,但它仍然找不到API键

我以前用过谷歌地图几次,但我没有发现这些问题

我希望你能帮助我

这是我的密码

<!DOCTYPE html>
<html>
<head >

    <title>maps</title>
    <style type="text/css">
        body {
            height: 100%;
            margin: 0;
            padding: 0
        }
    </style>
</head>
<body>



<!-- Load the Google API: -->

 <script src="http://maps.googleapis.com/maps/api/js"></script>

<script>
var map = {};    
var mapCenter = new google.maps.LatLng(51.0, 1.5); 
var trackList = [];  
var trackSymbolSize = 1.0; 

var MAX_NUMBER_OF_TRACKS = 100000;
var EXCEPTION_AT_LOGICAL_ERROR = true;
var CONSOLE_LOG = true;

function initMap() {
    var mapProp = {
        center: mapCenter,
        zoom: 8,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };


    document.getElementById("googleMap").style.height = innerHeight + 'px';
    document.getElementById("googleMap").style.width = innerWidth + 'px';

    map = new google.maps.Map(document.getElementById("googleMap"), mapProp);
}

function browserResize() {
    document.getElementById("googleMap").style.height = innerHeight + 'px';
    document.getElementById("googleMap").style.width = innerWidth + 'px';

    google.maps.event.trigger(map, 'resize');
}

</script>

<script>

    google.maps.event.addDomListener(window, 'load', initMap);

</script>

<div id="googleMap"></div>

 <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDuZVG0Z9Ei7ubm5bkAfPsYUI-Wm8C_c-0&callback=initMap" async defer></script>

</body>

</html>

地图
身体{
身高:100%;
保证金:0;
填充:0
}
var-map={};
var mapCenter=newgoogle.maps.LatLng(51.0,1.5);
var trackList=[];
var trackSymbolSize=1.0;
var最大轨道数量=100000;
var异常在逻辑错误处=真;
var CONSOLE_LOG=true;
函数initMap(){
var mapProp={
中心:地图中心,
缩放:8,
mapTypeId:google.maps.mapTypeId.ROADMAP
};
document.getElementById(“谷歌地图”).style.height=innerHeight+'px';
document.getElementById(“谷歌地图”).style.width=innerWidth+'px';
map=new google.maps.map(document.getElementById(“googleMap”),mapProp);
}
函数browserResize(){
document.getElementById(“谷歌地图”).style.height=innerHeight+'px';
document.getElementById(“谷歌地图”).style.width=innerWidth+'px';
google.maps.event.trigger(映射,'resize');
}
google.maps.event.addDomListener(窗口'load',initMap);
像这样试试


地图
身体{
身高:100%;
保证金:0;
填充:0
}
var-map={};
var地图中心
var trackList=[];
var trackSymbolSize=1.0;
var最大轨道数量=100000;
var异常在逻辑错误处=真;
var CONSOLE_LOG=true;
函数initMap(){
mapCenter=newgoogle.maps.LatLng(51.0,1.5);
var mapProp={
中心:地图中心,
缩放:8,
mapTypeId:google.maps.mapTypeId.ROADMAP
};
document.getElementById(“谷歌地图”).style.height=innerHeight+'px';
document.getElementById(“谷歌地图”).style.width=innerWidth+'px';
map=new google.maps.map(document.getElementById(“googleMap”),mapProp);
}
函数browserResize(){
document.getElementById(“谷歌地图”).style.height=innerHeight+'px';
document.getElementById(“谷歌地图”).style.width=innerWidth+'px';
google.maps.event.trigger(映射,'resize');
}

删除upper
,因为它已经包含在下面的键中。在我看来,您已经包含map api javascript两次了,一次没有键(在顶部),可能第二次它不会再次重新加载它?按照@Deep3015所说的做。。。。做吧!!!是的,我已经这样做了,但是它也没有显示任何内容。控制台中的错误是:uncaughtreferenceerror:google没有在mapkart.html:71中定义