我在我的 Angular 8 应用程序中使用了 Google Places 和 Distance Matrix API。
我还尝试通过输入应用程序URL(http：//ipaddress：portno(来限制Google云平台上的密钥。
然后，我在index.html页面的脚本标记中添加了Google API链接
以及键。我的申请结构如下：
src>应用程序>应用程序文件夹下的多个模块(登录名、位置等(
在一个这样的模块下，比如LocationModule，我创建了一个google-places.directive。然后，我在我的LocationComponent.html中使用此指令。
在我不限制密钥之前，一切正常。
当我通过放置应用程序 URL (http：//ipaddress：portno( 来限制我的密钥时，出现以下错误：
URL http：//ipaddress：portno/login 未获授权。 同样，当我登录并转到LocationComponent时，它说"URL http：//ipaddress：portno/location未授权。
我应该将 Google API 链接放在我的应用程序中的确切位置，以便在所有组件中使用它，而不必在 Google 限制密钥 URL 列表中添加应用程序每个模块的 URL。
尝试在你的index.html做同样的事情。
在正文标签内，尝试使用带有脚本标签的链接，例如
<script src=”http://maps.googleapis.com/maps/api/js?key=API-KEY"></script>
希望这有帮助。