使用angular+javascript的Google地图错误

使用angular+javascript的Google地图错误,javascript,angular,google-maps,google-maps-api-3,Javascript,Angular,Google Maps,Google Maps Api 3,我对Angular和Javascript不是很在行。我想在本地运行一个使用谷歌地图的现有应用程序 页面将加载,并应显示地图。但我犯了这些错误: js?v=3&callback=angular2GoogleMapsLazyMapsAPILoader:42 Google Maps API error: MissingKeyMapError https://developers.google.com/maps/documentation/javascript/error-messages#m

我对Angular和Javascript不是很在行。我想在本地运行一个使用谷歌地图的现有应用程序

页面将加载,并应显示地图。但我犯了这些错误:

js?v=3&callback=angular2GoogleMapsLazyMapsAPILoader:42 Google Maps API error: MissingKeyMapError 
https://developers.google.com/maps/documentation/javascript/error-messages#missing-key-map-error
_.Hb @ js?v=3&callback=angular2GoogleMapsLazyMapsAPILoader:42
(anonymous) @ common.js:54
(anonymous) @ common.js:152
c @ common.js:48
(anonymous) @ AuthenticationService.Authenticate?1shttp%3A%2F%2F167.99.133.34%3A4200%2F%23%2Fpages%2Fgyms%2Fadd&callback=_xdc_._hrm6mx&token=23882:1
util.js:228 Google Maps API warning: NoApiKeys https://developers.google.com/maps/documentation/javascript/error-messages#no-api-keys
今天我已经生成了新的API密钥,但我不知道该放在哪里,因为它是一个角度库

在我的chrome调试器中,我可以看到我的错误可能来自这个调用

"js?v=3&callback=angular2GoogleMapsLazyMapsAPILoader:64"


 <script type="text/javascript" async="" defer="" 
    src="https://maps.googleapis.com/maps/api/js? 
    v=3&amp;callback=angular2GoogleMapsLazyMapsAPILoader"></script>
你对此有什么想法吗?

请试着把这个


进入Angular project:index.html

您需要maps.googleapis.com的一个关键参数是的,但是放在哪里,因为我没有访问这些文件的权限common.js是我认为SRC库的一个内部文件=https://maps.googleapis.com/maps/api/js?key=YOUR_KEY_HERE. 从2018年6月11日开始,您甚至可以使用这个简单的angularjs地图插件库来简化代码。。。没有密钥就无法使用谷歌地图。。此错误与fatc有关,即您没有google地图密钥,并且google策略已更改。。