Google지도 오류 - 잡히지 않는 ReferenceError : google이 정의되지 않았습니다 - yeoman

Question

yeoman-ionic framework 내 app.the 문제에 Google지도를 추가하려고 시도했는데 때마다 나는 삭제됨 그래서 나는 이것을 달렸다 : bower install --save angular-google-maps 그리고 index.html 외에도 다른 파일에 스크립트를 작성한 이후 해결 된 문제. 나는이 diffrent 오류가 발생했습니다 그리고 그 이후로 난 그냥 내가 뭘 잘못 알아낼 수 없습니다의 againt 툴툴 거리는 소리가 역할을 실행했을 때 유일한 문제는 ...이다

오류 : 내가 생각

Uncaught ReferenceError: google is not defined

내가 어떤 생각인지 모르지만 그것은 어떤 카르마 설정 파일과 관련이있다. 몇 시간 동안이 문제를 풀려고했는데 그걸 알아낼 수 없었습니다 ...

Answer 1

나는 그 오류도 받고있었습니다. 스크립트 파일을로드 한 순서와 관련이있는 것으로 나타났습니다. 스크립트 파일을 다음 순서로로드하십시오.

<script src='//maps.googleapis.com/maps/api/js?sensor=false'></script> 
<script src='/path/to/underscore[.min].js'></script> 
<script src='/path/to/lodash.underscore[.min].js'></script> 
<script src='/path/to/angular-google-maps[.min].js'></script> 

최고!

Answer 2

Google지도 SDK 비동기 로더를 사용해야합니다. 모든 Google지도 SDK가 준비 될 때까지 각진 Google지도가 지시문 처리를 시작하지 않도록 보장합니다.

구성 :

.config(function(uiGmapGoogleMapApiProvider) { 
    uiGmapGoogleMapApiProvider.configure({ 
     // key: 'your api key', 
     v: '3.20', //defaults to latest 3.X anyhow 
     libraries: 'weather,geometry,visualization' 
    }); 
}); 

언제

.controller("someController", function($scope, uiGmapGoogleMapApi) { 
    uiGmapGoogleMapApi.then(function(maps) { 
    // write your code here 
    // (google is defined) 
    }); 
}); 

은 또한 당신이 읽을 수있다? : Google지도 SDK는 준비이 http://angular-ui.github.io/angular-google-maps/#!/api/GoogleMapApi