Fatal编程技术网
  • angularjs/
  • Angularjs 角度谷歌地图不显示在爱奥尼亚

Angularjs 角度谷歌地图不显示在爱奥尼亚

angularjs google-maps ionic-framework

Angularjs 角度谷歌地图不显示在爱奥尼亚,angularjs,google-maps,ionic-framework,ionic,angular-ui,Angularjs,Google Maps,Ionic Framework,Ionic,Angular Ui,我正在使用在我的应用程序中实现地图和地理位置。我根据文档做所有事情，但是地图没有显示（即使没有任何控制台输出显示错误） 控制器： app.controller('panicController', ['$scope', '$cordovaGeolocation', function($scope, $cordovaGeolocation) { $scope.map = { center: { latitude: 45, longitude: -73 }, zoom: 8 };

我正在使用在我的应用程序中实现地图和地理位置。我根据文档做所有事情，但是地图没有显示（即使没有任何控制台输出显示错误）

控制器：

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

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

  }
]);

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

<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>
当我运行它时，我只得到一个空白/空白的白色视图。和我的控制台输出：

你知道这个问题是什么吗？

也许这个例子可以帮助你。
\uu

我在我的应用程序中也使用了这个例子，我喜欢这种方式

你需要这样发展吗

格里茨

Bernhard

尝试删除传感器参数。但是根据文档，它不应该影响API的行为。看起来还有其他东西在向你展示白色的画面

从谷歌地图API文档：

传感器不需要：传感器不再需要传感器参数 谷歌地图JavaScript API。它不会阻止谷歌地图 JavaScript API无法正常工作，但我们建议您 从脚本元素中删除传感器参数

在我的案例中，解决方案是通过
模块
显式地指定依赖关系，因此请确保包含
uiGmapgoogle maps
模块：


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



能否尝试同时提供宽度属性？在文档中，它的高度为400px。也许100%的身高不起作用。