javascript - Angular 谷歌地图主 Controller 错误

Question

我正在尝试使用“标记”在我的网站上获取 angular-google-maps。

这是我正在使用的代码: Controller 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;
    });

这是我的 View 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 的标记时， map 显示得很好。

Answer 1

return Markers;
    });

    .controller('MainCtrl', function ($scope,Markers) {
      $scope.map = { 

先去掉.controller前面的分号。这导致您的 Controller 未配置。