时间戳

首页 > 解决方案 > 谷歌地图不再工作

google-maps - 谷歌地图不再工作

问题描述

我看过大部分关于谷歌地图的帖子，但考虑到 2018 年新的谷歌 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>

我通过在我网站的根目录中上传一个谷歌文件来验证我的网站。

我已经创建了一个 Api 密钥并从 google 获取密钥并将其粘贴到我的页面中。

我在两个方面都测试了我的 Api 密钥：Restricted to my website and no restrict。

但我仍然有错误：

哎呀！出问题了

本页地址：Page With Google Map

标签： google-mapsgoogle-maps-api-3

解决方案

如果您检查浏览器控制台，您将看到以下错误消息：

Google Maps JavaScript API error: RefererDeniedMapError

根据文档，此错误意味着：

您的应用因不符合 Google Maps Platform 服务条款而被屏蔽，随后收到了几封电子邮件通知。要对屏蔽提出上诉并审核您的实施，请填写此表格。您将在几个工作日内通过电子邮件收到回复。

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

您应该通过网络表单与合规团队联系，以解除对您的域的阻止。

我希望这有帮助！

推荐阅读