lỗi bản đồ google - Uncaught ReferenceError: google không được xác định - yeoman

Question

trên khung công tác yeoman-ionic tôi đã cố gắng thêm bản đồ google vào ứng dụng của tôi. Vấn đề là mỗi khi tôi chạy grunt phục vụ các script index.html có đã xóa. vì vậy tôi đã chạy này: bower cài đặt - lưu angular-google-bản đồ và vấn đề được giải quyết kể từ khi nó đã viết các kịch bản trên một số tập tin khác ngoài index.html. vấn đề chỉ là khi tôi chạy grunt phục vụ againt tôi đã nhận một lỗi khác nhau và kể từ đó tôi chỉ không thể hiểu những gì tôi đang làm sai ...

lỗi:

Uncaught ReferenceError: google is not defined

tôi nghĩ rằng nó có cái gì đó để làm với một số tập tin cấu hình nghiệp mặc dù tôi không có ý tưởng này là gì. đã cố gắng giải quyết vấn đề này trong một vài giờ và không thể tìm ra điều này ...

Answer 1

Tôi cũng nhận được lỗi đó. Hóa ra nó liên quan đến thứ tự mà tôi đã tải các tập tin kịch bản của mình. Hãy thử tải các tệp tập lệnh của bạn theo thứ tự sau:

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

Tốt nhất!

Answer 2

Bạn phải sử dụng Trình tải Async của Google Maps SDK. Đảm bảo rằng angular-google-maps không bắt đầu xử lý bất kỳ chỉ thị nào cho đến khi tất cả Google Maps SDK hoàn toàn sẵn sàng.

Cấu hình:

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

Khi là Google Maps SDK sẵn sàng ?:

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

Ngoài ra bạn có thể đọc http://angular-ui.github.io/angular-google-maps/#!/api/GoogleMapApi