angular + angular-google-maps + codepen = 不工作

angular + angular-google-maps + codepen = not working

我似乎无法让我的代码笔工作。它使用 angular-google-maps.

任何帮助将不胜感激。

谢谢。

http://codepen.io/0101adm/pen/GZRRBq

var app = angular.module('MyApp', ['ngMaterial','ngMessages', 'uiGmapgoogle-maps']);

app.controller('AppCtrl', ['$scope', function($scope) {

}]);

app.directive('mreTest', function(){
return {
template: "<div><ui-gmap-google-map center='center' zoom='zoom' control='control'></ui-gmap-google-map></div>",
restrict: 'E',
replace: true,
scope: true,
link: function($scope, element, attributes) {
  $scope.center = { latitude: 45, longitude: -73 };

  $scope.zoom = 8;

  $scope.$watch(() => {
            return $scope.control;
        },
        (newValue) => {
            alert(newValue);
        });
}
};
});

您正在注入 ng-material 但您没有引用相关参考资料。 同时加载 loadsh.js 的引用,它将起作用。

这是工作CodePenLink