角谷歌地图错误：-未明错误: google不可用

Question

我是新的Ionic应用程序开发。我用bower安装了角度谷歌地图

bower install angularjs-google-maps

然后在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>

最后，将gm模块作为依赖项添加到AngularJS应用程序中：

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

它显示了一个空白屏幕，并在控制台中给出了这个错误。

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

请帮我解决这个问题。

Answer 1

根据文件：

确保加载AngularJS库和Google :然后加载AngularJS Google库:最后将gm模块作为依赖项添加到AngularJS应用程序中： angular.module('yourApp'，'gm')； 就这样!现在可以开始将Google指令添加到标记中。

我猜你没有把文件按正确的顺序包括进去。