Javascript 为什么谷歌地图API键不能识别我的推荐人URL？_Javascript_Google Maps_Google Maps Api 3

Javascript 为什么谷歌地图API键不能识别我的推荐人URL？

javascript google-maps google-maps-api-3

Javascript 为什么谷歌地图API键不能识别我的推荐人URL？,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,我的网站域（devodeliver.co.uk）上有一个html文件，它用代码调用我的API密钥 <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=MY-KEY"></script> 在开发者控制台中，我尝试添加我的域URL的每一个组合，如下所示但当我加载我的站点时，它会显示地图一毫秒，然后返回错误“GoogleMapsAPI错误：InvalidKeyM

我的网站域（devodeliver.co.uk）上有一个html文件，它用代码调用我的API密钥

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

在开发者控制台中，我尝试添加我的域URL的每一个组合，如下所示

但当我加载我的站点时，它会显示地图一毫秒，然后返回错误“GoogleMapsAPI错误：InvalidKeyMapError@my-KEY:32”——基本上是说我没有授予我的网站访问该API密钥的权限。但即使我没有设置任何引用者，它也会返回相同的错误消息。我还等了5分钟才让API生效。拜托，我做错什么了？！我花了将近16个小时试图弄明白这一点&我似乎一辈子也弄不明白。救命啊

完整HTML代码：

 <html>
 <head>

    <style type="text/css">
      #map
      {
        height:400px;
        width:400px;
        display:block;
      }
    </style>

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

    <script type="text/javascript">

        function getPosition(callback) {
          var geocoder = new google.maps.Geocoder();
          var postcode = document.getElementById("postcode").value;

          geocoder.geocode({'address': postcode}, function(results, status)
          {
            if (status == google.maps.GeocoderStatus.OK)
            {
              callback({
                latt: results[0].geometry.location.lat(),
                long: results[0].geometry.location.lng()
              });
            }
          });
        }

        function setup_map(latitude, longitude) {
          var _position = { lat: latitude, lng: longitude};

          var mapOptions = {
            zoom: 16,
            center: _position
          }

          var map = new google.maps.Map(document.getElementById('map'), mapOptions);

          var marker = new google.maps.Marker({
            position: mapOptions.center,
            map: map
          });
        }

        window.onload = function() {
          setup_map(51.5073509, -0.12775829999998223);

          document.getElementById("form").onsubmit = function() {
            getPosition(function(position){

              var text = document.getElementById("text")
              text.innerHTML = "Marker position: { Longitude: "+position.long+ ",  Latitude:"+position.latt+" }";

              setup_map(position.latt, position.long);
            });
          }
        }
    </script>

 </head>
 <body>
    <form action="javascript:void(0)" id="form">
      <input type="text" id="postcode" placeholder="Enter a postcode">
      <input type="submit" value="Show me"/>
    </form>
    <div id="map"></div>
    <div id="text"></div>
 </body>
 </html>


#地图
{
高度：400px；
宽度：400px；
显示：块；
}
函数getPosition（回调）{
var geocoder=new google.maps.geocoder（）；
var postcode=document.getElementById（“postcode”）.value；
geocoder.geocode（{'address'：postcode}，函数（结果，状态）
{
if（status==google.maps.GeocoderStatus.OK）
{
回拨({
latt:结果[0]。几何体。位置。lat（），
long:results[0]。geometry.location.lng（）
});
}
});
}
功能设置图（纬度、经度）{
var_位置={lat:纬度，lng:经度}；
变量映射选项={
缩放：16，
中心：_位置
}
var map=new google.maps.map（document.getElementById（'map'），mapOptions）；
var marker=new google.maps.marker({
位置：mapOptions.center，
地图：地图
});
}
window.onload=函数（）{
设置图（51.5073509，-0.127758299998223）；
document.getElementById（“表单”）.onsubmit=function（）{
getPosition（函数（位置）{
var text=document.getElementById（“文本”）
text.innerHTML=“标记位置：{经度：“+position.long+”，纬度：“+position.latt+”}”；
设置图（position.latt、position.long）；
});
}
}

在这里，当我测试它时，它在JS控制台上给出了错误“GoogleMapsAPI错误：ApinoActivatedMapError”

请在以下网站上查看此问题：

当您通过地图Javascript API使用库或服务并使用密钥时，需要激活谷歌地图Javascript API
确保为您的项目激活谷歌地图JavaScript API
另外，

看看另一个关于启用Google Maps Jvascript API的主题：
在这里，当我测试它时，它在JS控制台上给出了错误“Google Maps API错误：ApinoActivatedMaperor”
请在以下网站上查看此问题：
当您通过地图Javascript API使用库或服务并使用密钥时，需要激活谷歌地图Javascript API
确保为您的项目激活谷歌地图JavaScript API
另外，
请看另一个关于启用Google Maps Jvascript API的主题：