Javascript 谷歌地图API V3 API密钥未加载
我的Javascript和API密钥有问题。我只希望这段代码在浏览器中显示地图,但它仍然找不到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%
<!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中定义