Angular-Google-Maps库未加载

时间:2017-03-26 21:33:30

标签: javascript angularjs node.js google-maps google-maps-api-3

我为我的应用程序使用angularjs和node,我想在我的应用程序中集成谷歌地图。 我使用这组指令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'不可用!您要么错误拼写了模块名称,要么忘记加载它。如果注册模块,请确保将依赖项指定为第二个参数。

这是我的角度代码:

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-simple-logger,但不知道如何将它与我的代码集成。

我希望你能给我答案。非常感谢你!

1 个答案:

答案 0 :(得分:1)

不再维护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>

DEMO on PLNKR

或使用Angular-Google-Maps 旧版本2.1.6。它不需要angular-simple-logger:

  <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>

DEMO on PLNKR

  

角谷歌-地图

     

项目不再积极维护

     

对于角度2和其他竞争项目,我们决定宣布该项目不再是维护。如果有人希望接管该项目,请联系任何管理员。

     

作为警告,该项目不是由管理员监视的,并且[不时]检查以解决任何重大问题。因此,如果某些内容主要,请通过提及用户名/别名直接与某人联系(将通知用户/管理员)。

     

备选方案:

           

— GitHub Angular-Google-Maps