Angular-Google-Maps库不加载

我使用angularjs和节点为我的应用程序,我想要在我的应用程序中集成谷歌地图。 我使用这组指令http://angular-ui.github.io/angular-google-maps/#!/ ,

显示的问题是这样的:

Uncaught Error: [$injector:modulerr] h ttp://errors.angularjs.org/1.6.2/$injector/modulerr?p0=VisualiseATM&p1=Err… at%20Mc%20(http%3A%2F%2Flocalhost%3A3000%2Flib%2Fangular.min.js%3A21%3A332) at angular.min.js:6 at angular.min.js:41 at q (angular.min.js:7) at g (angular.min.js:40) at db (angular.min.js:45) at c (angular.min.js:21) at Mc (angular.min.js:21) at qe (angular.min.js:20) at angular.min.js:331 at HTMLDocument.b (angular.min.js:37) 

具体来说,这是一个问题:

模块'uiGmapgoogle-maps'不可用! 您拼写错误的模块名称或忘记加载它。 如果注册一个模块,确保你指定依赖关系作为第二个参数。

这是我的angular码:

 var app = angular.module("VisualiseATM", [ 'uiGmapgoogle-maps', 'ui.router' , 'controllers' , 'ngCookies' , ]); app.config(function(uiGmapGoogleMapApiProvider) { uiGmapGoogleMapApiProvider.configure({ key: 'MY_API_KEY', v: '3.20', //defaults to latest 3.X anyhow libraries: 'weather,geometry,visualization' }); }) app.config(['uiGmapGoogleMapApiProvider', function(GoogleMapApiProviders) { GoogleMapApiProviders.configure({ china: true }); }] ); 

我在互联网上发现了这一点,但我不知道如何在我的应用程序中使用它。 https://github.com/angular-ui/angular-google-maps/issues/1489

我很惊讶,我不得不使用这个angular度简单的logging器,但不知道如何将其与我的代码整合。

我希望你能给我一个答案。 万分感谢!

Angular-Google-Maps不再被维护

而是使用AngularJS-Google-Maps

 <script src="https://maps.google.com/maps/api/js?libraries=placeses,visualization,drawing,geometry,places"></script> <script src="https://unpkg.com/angular/angular.js"></script> <script src="https://unpkg.com/ngmap"></script> 

PLNKR上的演示


或者使用Angular-Google-Maps 旧版本2.1.6。 它不需要angular度简单logging器:

  <head> <script src="//unpkg.com/angular/angular.js"></script> <script src="//unpkg.com/angular-google-maps@2.1.6"></script> <link rel="stylesheet" href="style.css"> <script src="script.js"></script> </head> <body ng-app="app"> <h1>Angular Google Maps</h1> </body> 

PLNKR上的演示 。

angular谷歌,地图

项目不再积极维护

随着angular2和其他竞争项目,我们决定宣布,这个项目不再activley维护。 如果有人希望接pipe项目,请联系任何pipe理员。

作为一个警告,这个项目不是由pipe理员监视的,而是经常检查以解决任何重大问题。 因此,如果是重大的 ,通过提及用户名/别名直接联系他人(将通知用户/pipe理员)。

备择scheme:

  • angularjs -谷歌-地图
  • angular2 -谷歌-地图

– GitHub Angular-Google-Maps