在Ionic中不顯示角度Google地圖

我使用Angular Google Maps在我的Ionic應用中實施地圖和地理位置。我根據文檔執行所有操作，但地圖不顯示（即使沒有任何控制檯輸出顯示錯誤）。在Ionic中不顯示角度Google地圖

控制器：

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%; 
}

當我運行它，我只是得到一個空白/空的白色視圖。而我的控制檯輸出：

什麼樣的問題可能是任何想法？

來源

2015-12-22 Tiwaz89

你可以嘗試也給人一種width屬性？在文件中它也有400px的高度。也許100％的高度不起作用。 – Emre

也許這個例子可以幫助你。 _ nightly codepen

我在我的應用程序中也使用了這個例子，我喜歡這種方式。

你需要用這種方式來開發它嗎？

格爾茨，

哈德

來源

2015-12-22 11:01:02

嘗試取出傳感器參數。但根據文檔，它不應該影響API的行爲。看起來還有其他事情正在向你展示白色視圖。

從谷歌地圖API文檔：https://developers.google.com/maps/documentation/javascript/error-messages

SensorNotRequired：傳感器參數不再需要爲谷歌地圖的JavaScript API。它不會阻止Google Maps JavaScript API正常工作，但我們建議您從腳本元素中移除傳感器參數。

來源

2015-12-22 15:11:13 Ariel

在我的情況的解決方案是通過explicitly指定module向依賴uiGmapgoogle-maps，所以一定要確保uiGmapgoogle-maps模塊包括：

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

Demo

來源

2016-01-12 12:51:51

在Ionic中不顯示角度Google地圖

回答

相關問題