Google Maps JavaScript API在localhost中工作，但不在Live Server中工作

Question

目前，我正在嘗試實施Google地圖自動填充地址功能，以便在我的網站上獲取地址的經緯度。 我創建在谷歌控制檯谷歌地圖的JavaScript API密鑰和插入腳本API密鑰：

<script src="https://maps.googleapis.com/maps/api/js?key=[api_key]&libraries=places&callback=initAutocomplete" 
    async defer></script> 

當我跑步時在本地主機項目，它給我的建議，自動填充地址連同我選擇的特定地址的緯度和經度。 但是，當我試圖在活服務器上運行項目時，它給了我幾個錯誤。修正了所有的錯誤，但仍然沒有給出結果。 嘗試了5-6天，嘗試了不同的API，但結果是一樣的。

即使我從https://developers.google.com/maps/documentation/javascript/examples/places-autocomplete-addressform複製了代碼並插入了我的API密鑰，但似乎沒有任何效果。

任何人都可以提出我需要做什麼？

Answer 1

您收到的錯誤是表明所使用的API密鑰具有引用者限制，而您嘗試使用API​​密鑰的域不是授權引用者。

您可能需要爲授權引薦人添加通配符的星號。例如您的測試鏈接：

http://test.digiegeeks.com/gmap/

你應該授權是這樣的：

*.digiegeeks.com/* 

或者你提到你的安全p4programming域，像這樣：

*.p4programming.net/* 

如果您包括上面顯示的星號作爲通配符，你還會得到引用錯誤嗎？

我希望這有助於！