Javascript 谷歌地图没有出现_Javascript_Html_Google Maps

Javascript 谷歌地图没有出现

javascript html google-maps

Javascript 谷歌地图没有出现,javascript,html,google-maps,Javascript,Html,Google Maps,我正试图添加一个基本的谷歌地图到我的网站，但什么都没有显示，我检查了控制台，没有错误，简单地说什么都没有发生 JS脚本 function initMap() { var uluru = {lat: -25.363, lng: 131.044}; var map = new google.maps.Map(document.getElementById("map"), { zoom: 4, center: uluru }); var marker = new goo

我正试图添加一个基本的谷歌地图到我的网站，但什么都没有显示，我检查了控制台，没有错误，简单地说什么都没有发生

JS脚本

function initMap() {
  var uluru = {lat: -25.363, lng: 131.044};
  var map = new google.maps.Map(document.getElementById("map"), {
    zoom: 4,
    center: uluru
  });
  var marker = new google.maps.Marker({
    position: uluru,
    map: map
  });
}

HTML


联系

想知道是否有人能看出我做错了什么？？仅供参考，我删除了API密钥，它位于live code中

您需要为您的内容指定

宽度

和

高度

找到了答案

<head>
<meta charset="utf-8">
    <script src="Javascript/googleMaps.js"></script>

    <script async defer src="https://maps.googleapis.com/maps/api/js?key=APKKEYHERE&callback=initMap"></script>
<title>cONTACT</title>
</head>


联系

@LukeStoward尝试了不起作用如果您的问题是由于打字错误造成的，例如在

defer

和

src

之间缺少空格，请删除您的问题，因为这对其他人没有帮助。样式表中已经这样做了，所以这不是一个答案也许你可以用codepen.io提供一个在线示例？请详细解释你是如何为社区的其他人找到答案的，

<head>
<meta charset="utf-8">
    <script src="Javascript/googleMaps.js"></script>

    <script async defer src="https://maps.googleapis.com/maps/api/js?key=APKKEYHERE&callback=initMap"></script>
<title>cONTACT</title>
</head>