我为我的应用程序使用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,但不知道如何将它与我的代码集成。
我希望你能给我答案。非常感谢你!
答案 0 :(得分:1)
<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>
或使用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>
角谷歌-地图
项目不再积极维护
对于角度2和其他竞争项目,我们决定宣布该项目不再是维护。如果有人希望接管该项目,请联系任何管理员。
作为警告,该项目不是由管理员监视的,并且[不时]检查以解决任何重大问题。因此,如果某些内容主要,请通过提及用户名/别名直接与某人联系(将通知用户/管理员)。
备选方案: