Google API在2018年6月更改后的Angular ng-map API密钥

Question

我一直在Angular项目中使用ng-map来访问Google Maps api，没有任何问题。自2018年6月起，谷歌发布了有关其api的新政策。因此，我已经注册了我的项目并获得了Api密钥。我的地址解析请求现在又可以正常工作了。但是很遗憾，我的地图仍无法正常工作。

我实现了ng-map自述文件的提示：

如果您需要将API密钥传递给javascript，则可以设置范围   控制器中的变量（例如$scope.googleMapsUrl="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY_HERE";）。   可以在您的应用中通过一个恒定值进行设置，以标准化API密钥以将其传递给Google以便用于多个控制器。

<div map-lazy-load="https://maps.google.com/maps/api/js"
  map-lazy-load-params="{{googleMapsUrl}}">
  <ng-map center="41,-87" zoom="3"></ng-map>
</div>

不幸的是，它没有帮助。在我的Chrome控制台中，我收到以下消息：

任何想法都很棒。

谢谢

Hucho

Answer 1

最后我不得不将密钥添加到我的index.html页面中： <script type="text/javascript" src="//maps.googleapis.com/maps/api/js?libraries=places&key=[API key]"></script>

我知道有点可以克服延迟负载的问题，但这是我唯一可以工作的方法（无需花费数小时）。