Home:ALL Converter>Angular google maps error:- Uncaught Error: Google Maps API not available

Angular google maps error:- Uncaught Error: Google Maps API not available

Ask Time:2016-07-13T20:58:07         Author:Charu

Json Formatter

I am new in Ionic app development. I installed angular google maps using bower

bower install angularjs-google-maps

then added these ref files in index.html

<script src="lib/lodash/dist/lodash.js"></script>
<!-- ionic/angularjs js -->
<script src="cordova.js"></script>
<script src="lib/ionic/js/ionic.bundle.js"></script>
<script src="lib/angular-simple-logger/dist/angular-simple-logger.min.js"></script>
<script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyB52Z0xUP6JEX9fjr1EEQvCWgo8W4DD5CY&extension=.js"></script>

<script src="lib/angularjs-google-maps/dist/angularjs-google-maps.js"></script>

Finally added the gm module as a dependency to your AngularJS app:

angular.module('taskerApp', ['ionic', 'taskerApp.controllers', 'taskerApp.services', 'pickadate', 'gm'])

It is showing a blank screen and giving this error in console.

angularjs-google-maps.js:40 Uncaught Error: Google Maps API not available, please make sure the Google Maps library is loaded before the AngularJS Google Maps library is loaded

Please help me resolve this.

Author:Charu,eproduced under the CC 4.0 BY-SA copyright license with a link to the original source and this disclaimer.
Link to original article:https://stackoverflow.com/questions/38352460/angular-google-maps-error-uncaught-error-google-maps-api-not-available
yy