asynchronous - How to asynchronously load a google map in AngularJS? -

-

now have found way initialize google maps of andy joslin in initialize-google-map-in-angularjs, looking way asynchronous load google map object.

i found example of how in phonecat project.

notice how js files loaded in example: index-async.html

in jade scripts partial loaded program tried:

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 done, execute bootstrap angular application       angular.bootstrap(document, ['ofm']);     });

when , go load map page get:

a call document.write() asycrononously-loaded  external script ignored.

this how google maps being loaded service:

'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); }

it appears should returning promise recall reading. angularjs new me.

if using jquery in angularjs app, check out function returns promise when google maps api has been loaded:

https://gist.github.com/gbakernet/828536

i able use in angularjs directive lazy-load google maps on demand. works treat:

angular.module('mapmodule') // usage: data-google-map     .directive('googlemap', ['$window', function ($window) {         return {             restrict: 'a',             link: function (scope, element, attrs) {                 // if google maps present initialise map                 if ($window.google && $window.google.maps) {                     initgooglemaps();                 } else {                     loadgooglemapsasync();                 }                  function loadgooglemapsasync() {                     // loadgooglemaps() == jquery function https://gist.github.com/gbakernet/828536                     $.when(loadgooglemaps())                         // when google maps loaded, add infobox - optional                         .then(function () {                             $.ajax({ url: "/resources/js/infobox.min.js", datatype: "script", async: false });                         })                         .done(function () {                             initgooglemaps();                         });                 };                  function initgooglemaps() {                     // load google map stuff here                     // remember wrap scope variables inside `scope.$apply(function(){...});`                 }             }         };     }]);

Comments

Post a Comment

Popular posts from this blog

c# - SVN Error : "svnadmin: E205000: Too many arguments" -

-
i trying reposotries using c# code process svncommand = null; var psi = new processstartinfo("svnadmin"); psi.redirectstandardoutput = true; psi.redirectstandarderror = true; psi.useshellexecute = false; psi.arguments= @"dump c:\repositories\myrepo > c:\temp\myrepodumpfile.dump"; using (svncommand = process.start(psi)) { var myoutput = svncommand.standardoutput; var myerror = svncommand.standarderror; debug.write("output :" + environment.newline + environment.newline + myoutput.readtoend() + environment.newline + "error :" + environment.newline + environment.newline + myerror.readtoend()); svncommand.close(); } when use dump command commandline svnadmin dump c:\repositories\myrepo > c:\temp\myrepodumpfile.dump it works fine when try ...
Read more

c# - Copy ObservableCollection to another ObservableCollection -

-
how copy observablecollection item observablecollection without reference of first collection? here observablecollection item value changes affecting both collections. code private observablecollection<ratemodel> _allmetalrate = new observablecollection<ratemodel>(); private observablecollection<ratemodel> _metalrateondate = new observablecollection<ratemodel>(); public observablecollection<ratemodel> allmetalrate { { return this._allmetalrate; } set { this._allmetalrate = value; notifypropertychanged("metalrate"); } } public observablecollection<ratemodel> metalrateondate { { return this._metalrateondate; } set { this._metalrateondate = value; notifypropertychanged("metalrateondate"); } } foreach (var item in metalrateondate) allmetalrate.add(item); what causing , how can solve it? you need clone object referenced item before it's a...
Read more

All overlapping substrings matching a java regex -

-
is there api method returns (possibly overlapping) substrings match regular expression? for example, have text string: string t = 04/31 412-555-1235; , , have pattern: pattern p = new pattern("\\d\\d+"); matches strings of 2 or more characters. the matches are: 04, 31, 412, 555, 1235. how overlapping matches? i want code return: 04, 31, 41, 412, 12, 55, 555, 55, 12, 123, 1235, 23, 235, 35. theoretically should possible -- there obvious o(n^2) algorithm enumerates , checks substrings against pattern. edit rather enumerating substrings, safer use region(int start, int end) method in matcher . checking pattern against separate, extracted substring might change result of match (e.g. if there non-capturing group or word boundary check @ start/end of pattern). edit 2 actually, it's unclear whether region() expect zero-width matches. specification vague, , experiments yield disappointing results. for example: string line = "xx90xx"; strin...
Read more