각도 Google지도 오류 : - 잡히지 않은 오류 : Google지도 API를 사용할 수 없습니다.

Question

Ionic 앱 개발에 새로운입니다.

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

: 그럼 마지막으로 당신의 AngularJS와 응용 프로그램에 대한 종속성으로 GM의 모듈을 추가

<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> 

index.html을 이러한 심판 파일을 추가 이물

bower install angularjs-google-maps 

를 사용하여 각도 구글 맵을 설치 빈 화면을 표시하고 콘솔에서이 오류를 제공합니다.

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

:

Make sure to load the AngularJS library and the Google Maps API:

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js"></script> 
<script src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=places"></script> 

Then load the AngularJS Google Maps library:

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

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

angular.module('yourApp', ['gm']); 

That's it! You can now start adding Google Maps directives to your markup.

내 생각 엔 당신이 올바른 순서로 파일을 포함하지 않는 것입니다.