Probleme beim Laden von Google Maps API mit requirejs

Question

In meinem main.js Datei ich habe:

'use strict'; 

requirejs.config({ 

    baseUrl: './', 

    paths: { 
     'jquery': 'bower_components/jQuery/jquery.min', 
     'async': 'bower_components/requirejs-plugins/src/async' 
    } 
}); 

require(['jquery', 'async!http://maps.google.com/maps/api/js?key=siteKey'], function($, gMaps) { 

    console.log("$=" + $); //defined and working 
    console.log("gMaps=" + gMaps); //undefined 

    }); 

Es läuft ohne Fehler und scheint gmaps zu laden, aber das Objekt ist nicht definiert.

Answer 1

Ich löste dies mit dieser Ressource http://blog.millermedeiros.com/requirejs-2-0-delayed-module-evaluation-and-google-maps/

In main.js nun der Code

requirejs.config({ 

    baseUrl: './', 

    paths: { 
     'jquery': 'bower_components/jQuery/jquery.min', 
     'load': 'resources/js/index/load', 
     'user': 'resources/js/index/user', 
     'async': 'bower_components/requirejs-plugins/src/async' 
     } 
    }); 



require(['jquery', 'gMaps'], function($, gMaps) { 

    console.log("$=" + $); //defined 
    console.log('googleMaps=' + gMaps); // defined 

    }); 


define('gMaps', ['async!http://maps.google.com/maps/api/js?v=3&key=siteKey'], 
    function(){ 

     return window.google.maps; 


    }); 


define(['gMaps'], function(gMaps){ 

    console.log('googleMaps=' + gMaps); // defined 

    });