我正在尝试使用“标记”在我的网站上获取angular-google-maps。
这是我正在使用的代码:
控制器main.js
angular.module('dashyAppApp')
.factory("Markers", function(){
var Markers = [
{
"id": "0",
"coords": {
"latitude": "45.5200",
"longitude": "-122.6819"
},
"window": {
"title": "Portland, OR"
}
},
{
"id": "1",
"coords": {
"latitude": "40.7903",
"longitude": "-73.9597"
},
"window" : {
"title": "Manhattan New York, NY"
}
}
];
return Markers;
});
.controller('MainCtrl', function ($scope,Markers) {
$scope.map = {
center: { latitude: 39.8282, longitude: -98.5795 },
zoom: 4
};
$scope.markers = Markers;
});
这是我的视图main.html
<ui-gmap-google-map
center='map.center'
zoom='map.zoom' aria-label="Google map">
<ui-gmap-marker ng-repeat="marker in markers"
coords="marker.coords" options="marker.options" events="marker.events" idkey="marker.id">
<ui-gmap-window>
<div>{{marker.window.title}}</div>
</ui-gmap-window>
</ui-gmap-marker>
</ui-gmap-google-map>
我不断收到此错误:
markerwithlabel.js:71 Uncaught ReferenceError: google is not defined(anonymous function) @ markerwithlabel.js:71
infobox.js:116 Uncaught ReferenceError: google is not defined(anonymous function) @ infobox.js:116
keydragzoom.js:820 Uncaught ReferenceError: google is not defined(anonymous function) @ keydragzoom.js:820(anonymous function) @ keydragzoom.js:861
richmarker.js:60 Uncaught ReferenceError: google is not defined(anonymous function) @ richmarker.js:60
main.js:37 Uncaught SyntaxError: Unexpected token .
angular.js:13708 Error: [ng:areq] Argument 'MainCtrl' is not a function, got undefined
http://errors.angularjs.org/1.5.7/ng/areq?p0=MainCtrl&p1=not%20aNaNunction%2C%20got%20undefined
at http://localhost:9000/bower_components/angular/angular.js:68:12
at assertArg (http://localhost:9000/bower_components/angular/angular.js:1885:11)
at assertArgFn (http://localhost:9000/bower_components/angular/angular.js:1895:3)
at $controller (http://localhost:9000/bower_components/angular/angular.js:10210:9)
at Object.<anonymous> (http://localhost:9000/bower_components/angular-ui-router/release/angular-ui-router.js:4095:28)
at http://localhost:9000/bower_components/angular/angular.js:1240:18
at invokeLinkFn (http://localhost:9000/bower_components/angular/angular.js:9814:9)
at nodeLinkFn (http://localhost:9000/bower_components/angular/angular.js:9215:11)
at compositeLinkFn (http://localhost:9000/bower_components/angular/angular.js:8510:13)
at publicLinkFn (http://localhost:9000/bower_components/angular/angular.js:8390:30)
我不知道为什么它不起作用,而且其中一个“未定义Google错误”只是不合适,因为当我只显示一个没有.factory的标记时,地图显示得很好。
最佳答案
return Markers;
});
.controller('MainCtrl', function ($scope,Markers) {
$scope.map = {
首先在
.controller
之前取出分号。这导致您的控制器未配置。