Как асинхронно загрузить карту Google в AngularJS?

Теперь, когда я нашел способ инициализации Карт Google с помощьюЭнди Джослин в этом ТАКинициализировать-Google-карта-в-angularjs, Я ищу способ асинхронной загрузки объекта карты Google.

Я нашел пример того, как это сделать вphonecat проект.

Обратите внимание, как файлы JS загружаются в этом примере:Индекс-async.html

В своей части Jade Scripts, загруженной в мою программу, я попытался:

script(src='js/lib/angular/angular.js')
script(src='js/lib/script/script.min.js')

script
  $script([
    'js/lib/angular/angular-resource.min.js',
    'js/lib/jquery/jquery-1.7.2.min.js',
    'http://maps.googleapis.com/maps/api/js?key=AIzaSyBTmi_pcXMZtLX5MWFRQgbVEYx-h-pDXO4&sensor=false',
    'js/app.js',
    'js/services.js',
    'js/controllers.js',
    'js/filters.js',
    'js/directives.js',
    'bootstrap/js/bootstrap.min.js'
    ], function() {
      // when all is done, execute bootstrap angular application
      angular.bootstrap(document, ['ofm']);
    });

Когда я делаю это и иду, чтобы загрузить страницу карты, я получаю:

A call to document.write() from an asycrononously-loaded 
external script was ignored.

Вот как Google Maps теперь загружается как сервис:

'use strict';

var app = angular.module('ofm.services', []);

app.factory('GoogleMaps', function() {

  var map_id  = '#map';
  var lat     = 46.87916;
  var lng     = -3.32910;
  var zoom    = 15;
  var map     = initialize(map_id, lat, lng, zoom);

  return map;
});

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

Похоже, что это должно быть возвращением обещания из того, что я помню, прочитав. Но этот AngularJS очень новый для меня.