Angular ng-map api key after google api changes in June 2018
Angular ng-map api key after google api changes in June 2018
我一直在我的 Angular 项目中使用 ng-map 访问 Google 地图 api，没有任何问题。自 2018 年 6 月以来，Google 发布了有关其 api 的新政策。所以我已经注册了我的项目并得到了一个 Api-key。我的地理编码请求现在又可以正常工作了。但不幸的是，我的地图仍然无法正常工作。
我实现了 ng-map 自述文件的提示：
如果你需要传入一个API键给javascript，你可以设置一个范围
控制器中的变量（例如 $scope.googleMapsUrl="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY_HERE";）。
这可以从您的应用程序中的常量值进行设置，以标准化要传递给多个控制器的 google 的 API 键。
<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 控制台中，我收到此消息：
任何想法都会很棒。
谢谢
胡乔
最后我不得不将密钥添加到我的 index.html 页面：
<script type="text/javascript" src="//maps.googleapis.com/maps/api/js?libraries=places&key=[API key]"></script>
我知道这有点破坏了延迟加载的意义，但这是我唯一可以开始工作的东西（不用花几个小时在上面）。
我一直在我的 Angular 项目中使用 ng-map 访问 Google 地图 api，没有任何问题。自 2018 年 6 月以来，Google 发布了有关其 api 的新政策。所以我已经注册了我的项目并得到了一个 Api-key。我的地理编码请求现在又可以正常工作了。但不幸的是，我的地图仍然无法正常工作。
我实现了 ng-map 自述文件的提示：
如果你需要传入一个API键给javascript，你可以设置一个范围
控制器中的变量（例如 $scope.googleMapsUrl="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY_HERE";）。
这可以从您的应用程序中的常量值进行设置，以标准化要传递给多个控制器的 google 的 API 键。
<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 控制台中，我收到此消息：
任何想法都会很棒。
谢谢
胡乔
最后我不得不将密钥添加到我的 index.html 页面：
<script type="text/javascript" src="//maps.googleapis.com/maps/api/js?libraries=places&key=[API key]"></script>
我知道这有点破坏了延迟加载的意义，但这是我唯一可以开始工作的东西（不用花几个小时在上面）。