Теперь, когда я нашел способ инициализировать Карты Google с помощью Andy Joslin в этом SO initialize-google-map-in-angularjs, я ищу способ асинхронной загрузки объекта Google Map.Как асинхронно загружать карту google в AngularJS?
Я нашел пример того, как это сделать в проекте phonecat.
Обратите внимание, как файлы JS загружаются в этом примере: index-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 для меня очень новый.
Для продвигайте продвижение по этому вопросу. Я создал проект git здесь: https://github.com/LarryEitel/angular-google-maps И нажал его здесь: http://angular-google-maps.nodester.com/. Я начал тему в Google Groups по этому адресу: https://groups.google.com/forum/?fromgroups&nomobile=true#!topic/angular/CM8ewcWeTF4 –
Когда вы загружаете библиотеку API Карт асинхронно, вы должны * предоставить callback с параметром 'callback =' query. В противном случае загрузчик API будет использовать 'document.write()', который не работает из асинхронного вызова. Мини-библиотека в ответе [GFoley83] (http://stackoverflow.com/a/17396353/1202830) добавляет этот параметр для вас, поэтому он может работать в такой асинхронной ситуации загрузки. –