Google Maps JavaScript API请求被拒绝

Question

我总是得到一个请求被拒绝的错误。我使用的API密钥在谷歌云控制台是绿色的。我已经激活了地点API、地理编码API和地图javascript API。这是我的代码<script src="https://maps.googleapis.com/maps/api/js?key=[MY_KEY]&libraries=places,geometry&callback=initMap" async defer></script>

你有什么想法吗?

Thanks a lot

Answer 1

一切都很好，用谷歌在其演示中使用的api密钥替换:https://jsfiddle.net/api/post/library/pure/即使没有密钥，它也为我工作，如下面的代码片段所示。

我建议你重新检查你的代码，如果没有问题，试着删除这个键并生成另一个。

let map;
function initMap() {
map = new google.maps.Map(document.getElementById("map"), {
center: { lat: -34.397, lng: 150.644 },
zoom: 8,
});
}

#map {
height: 100%;
}
/* Optional: Makes the sample page fill the window. */
html,
body {
height: 100%;
margin: 0;
padding: 0;
}

<div id="map" style="height: 100%;"></div>
<script
src="https://maps.googleapis.com/maps/api/js?key=&libraries=places,geometry&callback=initMap"
async defer>
</script>