我需要你的帮助。我想将谷歌地图与javascript-api集成。
我不知道我做错了什么。Google JavaScript API 已启用。我的域名已确认。在key=YOUR_API_KEY，我输入了我的API密钥。
下面的"简单地图"的谷歌代码示例创建了一个空白页面。控制台屏幕截图未显示任何错误消息
脚本似乎已加载，但不会显示地图。
<!DOCTYPE html>
<html>
<head>
<title>Simple Map</title>
<meta name="viewport" content="initial-scale=1.0">
<meta charset="utf-8">
<style>
html, body {
height: 100%;
margin: 0;
padding: 0;
}
#map {
height: 100%;
}
</style>
</head>
<body>
<div id="map"></div>
<script>
var map;
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
center: {lat: -34.397, lng: 150.644},
zoom: 8
});
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"
async defer></script>
</body>
</html>
在我的站点地图上查看此示例页面.html
也许有人可以帮助我。
谢谢你，克里斯
使用您的帐户登录 https://console.developers.google.com，然后
- 转到凭据
- 从列表中单击您的api_key条目
- 在密钥限制下，选择无或将 HTTP 引用站点添加为 *.grossen.de/*
您收到来自Google脚本的"RefererNotAllowedMapError"错误。这意味着您的 URL 未成功添加到引用列表。检查您是否添加了。至少在您的示例页面上。尝试清除缓存或使用隐身窗口以确保您没有收到任何错误。
编辑：还要确保将高度设置为地图div！（默认设置为 0！
首先，对不起我的英语可能很差。
我遇到了同样的问题，并找到了以下答案（就我而言，第一个答案是正确的）：
- 您的帐户尚未启用结算功能。
- 提供的计费方法无效（例如，过期的信用额度）卡）。
- 已超过自我设定的每日限制。
来源： developers.google.com
如果您有相同的答案，您可以在此处使用信用卡注册：console.cloud.google.com
就我而言，只需要在
<div id="map"></div>
就像上面@NeuTronas说的，它解决了我的问题。
我还找出官方文件说明
https://developers.google.com/maps/documentation/javascript/tutorial?hl=zh-TW#if-your-code-is't-work（英语：if-your-code-isn't-work）
希望这能帮助你。