как использовать карты Google в приложении Meteor Cordova для IOS

Я пытался заставить карты Google работать с метеором и кордовой на IOS (тестирование с помощью симулятора), но после того, как я возился с ними дольше, чем я хочу признать, я просто не могу заставить его работать.

Я начал со статьи:

http://blog.thebakery.io/native-ios-maps-with-meteor-and-cordova/

Мне удалось успешно установить и скомпилировать его после того, как я сгенерировал ключи приложений Google для Android и IOS и добавил их в mobile-config.js следующим образом:

App.configurePlugin('plugin.google.maps', {
    'API_KEY_FOR_ANDROID': 'my-andriod-key',
    'API_KEY_FOR_IOS': 'my-ios-key'
});

Когда я попытался запустить его, все, что я получил, это пустой белый экран.

Затем я огляделся в поисках альтернативы и нашел:

https://github.com/gwendall/meteor-google-maps-cordova

Это также скомпилировано без ошибок, но снова все, что я получил, это пустой белый экран.

Прочитав немного больше, я также устанавливаю геолокацию на всякий случай:

метеор добавить mdg:геолокация

Нет радости :(

В качестве последней попытки я попытался найти реализацию метеорных карт Google, которая не использовала Cordova, и поднял сценарий шаблона, чтобы посмотреть, будет ли он работать.

https://github.com/dburles/meteor-google-maps-demo

Неудачно.

Я новичок в Метеоре, поэтому я достиг предела своих возможностей, чтобы понять это.

Кто-нибудь еще пробовал реализовать google-maps на Meteor с помощью Cordova? Я был бы признателен за любой пример или предложения о том, как заставить его работать.

-- ОБНОВИТЬ --

После поиска некоторых метеорных сообщений о проблемах с google-maps я нашел сообщение, в котором предлагалось добавить некоторые правила доступа к mobile-config.js.

App.accessRule('https://*.googleapis.com/*');
App.accessRule('https://*.google.com/*');
App.accessRule('https://*.gstatic.com/*');

После этого я теперь, по крайней мере, не получаю полностью пустой экран. Когда я смотрю через инструменты разработчика сафари, я вижу, что создается окно google-maps, но это пустой серый элемент с логотипом google в углу, и он не загружает актуальную карту.


ios google-maps cordova javascript meteor
person Finglish    schedule 26.12.2015    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Похоже, вы делаете правильные вещи, мне определенно нужно было добавить следующие правила в mobile-config.js

App.accessRule('*');
App.accessRule('https://*.googleapis.com/*');
App.accessRule('https://*.google.com/*');
App.accessRule('https://*.gstatic.com/*');
App.configurePlugin('plugin.google.maps', {
    'API_KEY_FOR_IOS': 'your private key' });

Возможно, повторно посетите консоль Google, чтобы убедиться, что вы правильно настроили учетные данные Javascript и IOS.

person Rob Gordon    schedule 20.03.2016