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/* 

如果您包括上面显示的星号作为通配符，你还会得到引用错误吗？

我希望这有助于！