将Angular-Google-Maps添加到Mean.js

Question

I am having an issue trying to add a module (angular-google-maps) to Mean.js

I ran:

bower install angular-google-maps --save

Then added 'google-maps' to public/config.js in the applicationModuleVendorDependencies array:

var applicationModuleVendorDependencies = ['ngResource', 'ngAnimate', 'ui.router', 'ui.bootstrap', 'ui.utils', 'google-maps'];

But when I try to run (using grunt) I get an error:

Error: [$injector:nomod] Module 'google-maps' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.

Is there some other step I need to do? On https://angular-ui.github.io/angular-google-maps/#!/use it says angular-google-maps depends on Lodash, do I have to add this in the module vendor dependencies also?

Answer 1

Angular-google-maps does not include the google-maps js api. You need to add it manually to your js-libs in config/env/all.js. This is also the place where you can add the lodash and angular-google-maps js files:

assets: {
    lib: {
        js: [
            '//maps.googleapis.com/maps/api/js?sensor=false',
            'public/lib/lodash/dist/lodash.underscore.js',
            'public/lib/angular-google-maps/dist/angular-google-maps.js']
    }
}