Угловые Карты Google не отображаются в Ionic

Question

Я использую Angular Google Maps для реализации карты и геолокации в моем приложении Ionic. Я делаю все в соответствии с документами, но карта не отображается (хотя на консольном выходе нет ошибок).

Контроллер:

app.controller('panicController', ['$scope', '$cordovaGeolocation', 
    function($scope, $cordovaGeolocation) { 

    $scope.map = { center: { latitude: 45, longitude: -73 }, zoom: 8 }; 

    } 
]); 

Просмотр:

<ion-view hide-nav-bar="true" ng-controller="panicController" class="panic-view"> 

    <ion-content data-tap-disabled="true" class="padding"> 

    <ui-gmap-google-map center='map.center' zoom='map.zoom'></ui-gmap-google-map> 

    </ion-content> 

</ion-view> 

SCSS:

.angular-google-map-container { 
    height: 100%; 
} 

Когда я бегу, я просто получить пустой/пустой белый вид. И моя консоль выход:

Любая идея, что может быть проблема?

Answer 1

Возможно, этот пример может вам помочь. _ nightly codepen

Я использовал этот пример и в своем приложении, и мне нравится путь.

Вам нужно разработать его таким образом?

Greetz,

Бернхард

Answer 2

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

С API Docs Google Maps: https://developers.google.com/maps/documentation/javascript/error-messages

не SensorNotRequired: Параметр датчика больше не требуется для Google Maps JavaScript API. Это не будет препятствовать правильному использованию JavaScript API Google Maps , но мы рекомендуем вам удалить параметр датчика из элемента сценария .

Answer 3

В моем случае решение должно было explicitly указать зависимость к uiGmapgoogle-maps через module, поэтому убедитесь, что uiGmapgoogle-maps модуль входит:

var app = angular.module('ionicApp', ['ionic', 'uiGmapgoogle-maps']); 

Demo