為什么Google Maps API密鑰無法識別我的引薦來源網址？

Question

我的網站域（devodeliver.co.uk）上有一個html文件，該文件使用代碼調用了API密鑰。

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

在開發者控制台中，我嘗試添加域網址的所有組合，如下所示

但是，當我加載網站時，它會顯示地圖一毫秒，然后返回錯誤“ Google Maps API錯誤：InvalidKeyMapError https://developers.google.com/maps/documentation/javascript/error-messages#invalid-key-map -error_.bb @ MY-KEY：32“-基本上是說我沒有授予我的網站訪問該API密鑰的權限。 但是，即使我未設置任何引薦來源網址，它也會返回相同的錯誤消息。 我還等待了5分鍾以上的時間，API才生效。 拜托，我在做什么錯？ 我花了將近16個小時試圖弄清楚這一點，我似乎一輩子都無法做到。 幫助PPP！

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

Answer 1

在這里，當我對其進行測試時，它在JS控制台上給了我錯誤“ Google Maps API錯誤：ApiNotActivatedMapError”。

在以下位置查看此問題： https : //developers.google.com/maps/documentation/javascript/error-messages#deverrorcodes

當您通過Maps-Javascript-API使用庫或服務並使用密鑰時，您需要激活Google Maps JavaScript API 。

確保為您的項目激活 Google Maps JavaScript API 。

也，

查看有關啟用 Google Maps Jvascript API的其他主題： Google Map錯誤：InvalidKeyOrUnauthorizedURLMapError

為什么Google Maps API密鑰無法識別我的引薦來源網址？

問題描述

1 個解決方案

解決方案1
2 已采納 2016-04-21 12:01:32

為什么Google Maps API密鑰無法識別我的引薦來源網址？

問題描述

1 個解決方案

解決方案1 2 已采納 2016-04-21 12:01:32

解決方案1
2 已采納 2016-04-21 12:01:32