ошибка карты google - Uncaught ReferenceError: google не определен - yeoman

на платформе yoman-ionic я пытался добавить карту Google в свое приложение. Проблема заключалась в том, что каждый раз, когда я запускал ворчание, скрипты index.html удалялись. поэтому я запустил это: Bower install --save angular-google-maps, и проблема была решена, поскольку он написал сценарии в каком-то другом файле в дополнение к index.html. единственная проблема в том, что когда я снова запустил grunt serve, я получил другую ошибку, и с тех пор я просто не могу понять, что я делаю неправильно...

Ошибка:

Uncaught ReferenceError: Google не определен

я думаю, что это как-то связано с каким-то файлом конфигурации кармы, хотя я понятия не имею, что это такое. пытался решить это в течение нескольких часов и не мог понять это...


google-maps ionic-framework angularjs yeoman
person Matan Gubkin    schedule 11.07.2014    source источник

Ответы (2)


arrow_upward
11
arrow_downward

Я тоже получал эту ошибку. Оказалось, что это связано с порядком загрузки файлов сценария. Попробуйте загрузить файлы скриптов в следующем порядке:

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

Лучший!

person rmg.n3t    schedule 23.07.2014
comment
Затем он говорит: Вы несколько раз включили API Карт Google на этой странице. Это может привести к непредвиденным ошибкам. - person Murilo; 31.03.2016

arrow_upward
6
arrow_downward

Вы должны использовать асинхронный загрузчик Google Maps SDK. Это гарантирует, что angular-google-maps не начнет обрабатывать какие-либо директивы, пока весь SDK Google Maps не будет полностью готов.

Настроить:

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

Когда Google Maps SDK будет готов?:

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

Также вы можете прочитать это http://angular-ui.github.io/angular-google-maps/#!/api/GoogleMapApi

person Orelchikova Veronika    schedule 22.01.2016