Javascript 谷歌地图不使用Angualrjs显示

我正在尝试使用AngularJS制作一个简单的谷歌地图应用程序。 我没有使用谷歌API，比如ngMaps或AngularUI。 我有非常基本的结构，我可以在控制台中显示我的谷歌地图对象，问题是页面上没有显示任何内容

home.html：

masterCtrl:

---

问题解决了，我所需要做的就是添加一个ng init来回调我的initialize函数，这将初始化页面上的映射

<div id="map-canvas" ng-init="initialize()"></div>

---

你包括谷歌地图api了吗？是的，我的index.html中包括了

var app = angular.module('locator',['ngRoute', 'ngMaps']); 

app.config(['$routeProvider', '$locationProvider', '$httpProvider',
function ($routeProvider, $locationProvider, $httpProvider){
    'use strict';

    $routeProvider
        .when('/', {
            templateUrl: './partials/home.html',
            controller: 'masterCtrl'
        })
        .otherwise({
            redirectTo: '/'
        });
}]);

app
 .controller('masterCtrl', ['$scope', '$window', masterCtrl]);

function masterCtrl($scope, $window) {
 function initialize() {
  var lat = 46.87916;
  var lng = -3.32910;
  var map_id = '#map';

  var myOptions = {
   zoom : 8,
   center : new google.maps.LatLng(lat, lng),
   mapTypeId : google.maps.MapTypeId.ROADMAP
  };
  $scope.map = new google.maps.Map($(map_id)[0], myOptions);
 }
  initialize();

}

<div id="map-canvas" ng-init="initialize()"></div>