我看过大多数有关google map的帖子,但是考虑到2018年Google api的新变化,没有人回答我的问题。
我的页面上有以下代码:
<div id="map"></div>
<script>
function initMap() {
var myLatLng = { lat: 35.799064, lng: 51.441882 };
var map = new google.maps.Map(document.getElementById('map'), {
center: myLatLng,
zoom: 16
});
var marker = new google.maps.Marker({
map: map,
position: myLatLng,
title: 'Hello World!'
});
}
</script>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"
type="text/javascript"></script>
我通过在网站根目录中上传google文件来验证我的网站。
我已经创建了一个Api密钥,并从Google获得了该密钥,并将其粘贴到了我的页面中。
我同时在以下两个位置测试了自己的Api密钥:仅限于我的网站和无限制。
但是我仍然有错误:
糟糕!出了毛病
这是页面的地址:Page With Google Map
答案 0 :(得分:2)
如果您检查浏览器控制台,则会看到以下错误消息:
Google Maps JavaScript API error: RefererDeniedMapError
根据文档,此错误表示:
在收到几封电子邮件通知后,您的应用程序因违反Google谷歌地图服务条款而被阻止。要对该块提出上诉并审核您的实施,请填写此表格。您将在几个工作日内通过电子邮件收到回复。
来源:https://developers.google.com/maps/documentation/javascript/error-messages#referer-denied-map-error
您应该通过webform与合规团队联系,以解除对网域的阻止。
我希望这会有所帮助!