为什么Google地图API密钥不能识别我的引荐网址？

我在我的网站域（devodeliver.co.uk）上有一个html文件，它用代码调用我的API密钥。为什么Google地图API密钥不能识别我的引荐网址？

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

在开发者控制台我曾尝试加入我的域名URL的每一种组合，你可以看到下面

但是，当我打开我的网站就显示在地图一毫秒，然后返回与错误“谷歌地图API错误：InvalidKeyMapError https://developers.google.com/maps/documentation/javascript/error-messages#invalid-key-map-error_.bb @ MY-KEY：32” - 基本上说我没有给我的网站的权限来访问该API密钥。但即使我没有设置任何引用链接，也会返回相同的错误消息。我也等了超过5分钟的时间让API生效。请问我做错了什么？我花了将近16个小时试图弄清楚这一点&我似乎无法为我的生活。 HELPPPP！

完整的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>

来源

2016-04-21 Tobi Ajala

在这里，当我测试了它，它给我的错误 “谷歌地图API的错误：ApiNotActivatedMapError” 的JS控制台上。

看看在这个问题上：https://developers.google.com/maps/documentation/javascript/error-messages#deverrorcodes

当您使用通过地图 - Javascript的API库或服务，而且你需要激活谷歌地图的JavaScript API使用的关键 。

确保激活为您的项目谷歌地图的JavaScript API。

此外，

就这个话题的其他一脸约启用谷歌地图API Jvascript：Google Map error: InvalidKeyOrUnauthorizedURLMapError

来源

2016-04-21 12:01:32

为什么Google地图API密钥不能识别我的引荐网址？

回答

相关问题