Google地图不再起作用

时间:2018-07-16 10:22:53

标签: google-maps google-maps-api-3

我看过大多数有关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

1 个答案:

答案 0 :(得分:2)

如果您检查浏览器控制台,则会看到以下错误消息:

Google Maps JavaScript API error: RefererDeniedMapError

根据文档,此错误表示:

  在收到几封电子邮件通知后,

您的应用程序因违反Google谷歌地图服务条款而被阻止。要对该块提出上诉并审核您的实施,请填写此表格。您将在几个工作日内通过电子邮件收到回复。

来源:https://developers.google.com/maps/documentation/javascript/error-messages#referer-denied-map-error

您应该通过webform与合规团队联系,以解除对网域的阻止。

我希望这会有所帮助!