uiGmapGoogleMapApi.then没有在Android

Question

我已经集成角谷歌，地图为我的项目离子运行 - index.html中我有：

<script src="lib/lodash.min.js"></script> 
<script src="lib/angular-google-maps.min.js"></script> 

在我看来HTML我有：

<ion-view> 
    <ion-content controller="WeatherController"> 
     <ui-gmap-google-map center='map.center' zoom='map.zoom'></ui-gmap-google-map> 
    </ion-content> 
</ion-view> 

在app.js我：

.config(function(uiGmapGoogleMapApiProvider) { 
    uiGmapGoogleMapApiProvider.configure({ 
     key: 'mygmapskey', 
     v: '3.17', 
     libraries: 'weather,geometry,visualization' 
    }); 
}); 

里面的style.css我：

.angular-google-map-container { height: 400px; } 

最后，我WeatherController里面我有：

angular.module('starter', ['ionic', 'uiGmapgoogle-maps']); 

...

.controller("WeatherController", function ($scope, uiGmapGoogleMapApi) { 
    console.log('WeatherController'); 
    uiGmapGoogleMapApi.then(function(maps) { 
     console.log('maps API loaded; creating map'); 
     $scope.map = { center: { latitude: 45, longitude: -73 }, zoom: 8 }; 
    }); 
}); 

当我运行离子发球，我得到了工作正常的浏览器一个不错的地图。当我在Android（仿真器或我的物理设备）上运行它时，WeatherController会实例化，但uiGmapGoogleMapApi.then永远不会触发。这是不是打算在设备上运行？我在网站上看不到多少提及。

Answer 1

它可能是也可能不是由于缩小。缩小时，您必须使用数组注入语法：

.controller("WeatherController", [ 
    '$scope', 
    'uiGmapGoogleMapApi', 
    function ($scope, uiGmapGoogleMapApi) { 
     console.log('WeatherController'); 
     uiGmapGoogleMapApi.then(function(maps) { 
      console.log('maps API loaded; creating map'); 
      $scope.map = { center: { latitude: 45, longitude: -73 }, zoom: 8 }; 
     }); 
    } 
]); 

您在声明主模块启动器时已经使用了此语法。