Question

我正在尝试将基本的谷歌地图添加到我的网站但没有显示，我检查了控制台并且没有任何错误，只是没有发生任何事情

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

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

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

<body>

        <div id="map" class="googleMaps"></div> 

</body>
</html>

想知道是否有人能看到我做错了什么？我删除了实时代码中的API密钥

Answer 1

您需要为您的内容指定width和height，例如

<div id="map" class="googleMaps" style="min-height: 400px; min-width: 400px"></div>

Answer 2

想出来

<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>

Google地图未显示

2 个答案: