Question

我正在关注Google Maps API的教程，我获得了API的代码，但它仍然没有向我显示地图

我收到此错误：

Google Maps API错误：Google Maps API错误： RefererNotAllowedMapError

的header.php

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDLDV40Ut-yGLG9r4N629K8-Rv0dtQsZzQ"></script>

<body   onload="initialize">

map.php

<script type="text/javascript">

    function initialize() {
        var myLatLng = { lat: 42.52501, lng: 2.938979 };
        var map = new google.maps.Map(document.getElementById('map'), {
            zoom: 12,
            center: myLatLng,
            scrollwheel: false,
            draggable: true,
        });

        var image = 'logo.png';
        var marker = new google.maps.Marker({
            position: myLatLng,
            map: map,
            icon: image
        });
    }

</script>

Answer 1

我看不出您的代码无效的明确原因。

唯一的原因是，如果您的API密钥已在您的域名中注册，则它将不允许开发环境/ localhost中的任何Google Maps元素。

如果您在本地计算机上运行此操作，请从脚本中删除您的API密钥

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?"></script>

此外，在本地计算机上开发时使用http而不是https。尝试使用src更改Google地图脚本http，因为可能存在安全原因导致您收到此错误。

所以非https网站的脚本将是

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?"></script>

如果您在实时实例中遇到此问题，请确保脚本和您的域都使用相同的协议http或https。不要混合组合。

进一步建议：为logo.png

提供更合格的名称

你应该开始运作。

Google Maps API错误：Google Maps API错误：RefererNotAllowedMapError

1 个答案: