此页面未正确加载Google地图。有关技术详细信息，请参阅JavaScript控制台
糟了！出了点问题。此页面未正确加载Google地图。有关技术详细信息，请参阅JavaScript控制台。
我不知道为什么。
<!DOCTYPE html>
<html>
<head>
<script src="http://maps.googleapis.com/maps/api/js">
</script>
<script>
var myCenter = new google.maps.LatLng(30.023354, 31.477439);
function initialize() {
var mapProp = {
center: myCenter,
zoom: 15,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("googleMap"), mapProp);
var marker = new google.maps.Marker({
position: myCenter,
});
marker.setMap(map);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="googleMap" style="width:500px;height:380px;"></div>
</body>
</html>
回答 2
Stack Overflow用户
发布于 2016-08-16 18:12:57
您需要为google地图生成特殊的api密钥
您的<script src="http://maps.googleapis.com/maps/api/js">应该如下所示
<script src="https://maps.googleapis.com/maps/api/js?key=your_key">></script请转到https://console.developers.google.com获取免费密钥。
Stack Overflow用户
发布于 2020-11-06 19:31:08
下面是如何修复错误的方法。
转到https://console.developers.google.com/apis/credentials单击您的API键的名称以编辑其设置。在应用程序限制下，选择“HTTP referrers (网站)”，然后添加下面的两个条目(用您自己的域替换yourname.com )。
键入第一个条目，然后按键盘上的enter键添加它。重复以上步骤，添加第二个条目。
拥有这两个条目(带有星号)将有助于确保您的地图在您网站的任何URL上都有效。yourname.com/* *.yourname.com/*Google Maps API限制
单击Save按钮，然后等待几分钟以使更改生效(Google表示最多需要5分钟)。
https://stackoverflow.com/questions/38972082
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号