Javascript 谷歌地图API-地图未显示-无错误
我需要你的帮助。我想将Google地图与javascript api集成 我不知道我做错了什么。Google JavaScript API已启用。我的域名已确认。In key=你的API密钥，我已经输入了我的API密钥 下面这个简单地图的谷歌代码示例创建了一个空白页面。 不显示任何错误消息 脚本似乎已加载，但地图将不会显示Javascript 谷歌地图API-地图未显示-无错误,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,我需要你的帮助。我想将Google地图与javascript api集成 我不知道我做错了什么。Google JavaScript API已启用。我的域名已确认。In key=你的API密钥，我已经输入了我的API密钥 下面这个简单地图的谷歌代码示例创建了一个空白页面。 不显示任何错误消息 脚本似乎已加载，但地图将不会显示 <!DOCTYPE html> <html> <head> <title>Simple Ma
<!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>
谢谢你，Chris你从Google脚本中获得了RefererNotAllowedMapError错误。 这意味着您的URL未成功添加到引用者列表。检查您是否添加了。至少在您的示例页面上。请尝试清除缓存或使用Incognito窗口以确保您没有收到任何错误 编辑： 还要确保将高度设置为地图div！默认设置为0 然后使用由google maps api组成的帐户登录 转到凭据 单击列表中的api_密钥条目 在“密钥限制”下，选择“无”或将HTTP引用添加为*.grossen.de/*
首先，对不起，我的英语可能不好 我也有同样的问题，在我的案例中发现了以下答案第一个答案是正确的： 尚未对您的帐户启用计费。 提供的计费方法无效，例如过期的信用证 卡片 已超过自行设定的每日限制。 资料来源：
如果你有相同的答案，你可以在这里用信用卡注册：在我的情况下，只需要给出height属性和值的精确值：比如屏幕上的200px
<div id="map"></div>
希望这能对您有所帮助。我支持这一点，除了API权限之外，您还需要在地图上显示一个宽度。如何清楚地解释OP必须在何处执行此操作？链接到控制台等？关于您的编辑：确实您必须设置高度，OP确实设置了高度，但以%为单位，这可能会引发问题。您不需要设置宽度，默认宽度不是0。@SeanKendle否。您不需要。但是你需要一个高度，有错误。查看javascript控制台：Google Maps API错误：RefererNotAllowedMapErrorhttps://developers.google.com/maps/documentation/javascript/error-messagesreferer-not-allowed-map-error 要授权的网站URL：http://grossen.de/map.html. 将该URL或包含该URL的通配符URL添加到允许的密钥引用器中。将map元素设置为%高度可能不是一个好主意。按照答案中的说明编辑参考者后，如果仍然看不到地图，请尝试将地图元素高度设置为固定高度，如500px，而不是100%。如果需要知道如何将地图容器高度表示为相对高度%，在这个网站上搜索答案有很多，如果你想不出答案，可以问另一个问题。哦，这很有效！如果我直接将样式属性添加到div，那么div.map会忽略中的样式，就像我不知道为什么那样，但它可以工作！-感谢地图没有理由忽略标题部分中的样式。无论如何，作为一个好的实践，你应该在一个单独的CSS文件中这样做，但是头部的样式也应该起作用。我已经添加了.grossen.de/bevore，而且我也没有限制地尝试了它——两者都不起作用……我可以看到你已经调整了map div的大小。在initMap google.maps.event.triggermap中调用以下函数，“resize”；在无有效付款方式的情况下，添加银行帐户后，地图可能需要长达10天的时间才能开始显示。