谷歌地圖顯示在瀏覽器上，但不是在真實設備上android

我是新來的離子平臺。我正在嘗試在我的app中實現Google地圖。當我在瀏覽器上進行測試時顯示地圖，但在Android上的實際設備上運行時，它僅顯示白色屏幕。我嘗試了不同線程中推薦的不同數量的東西。在下面的鏈接谷歌地圖顯示在瀏覽器上，但不是在真實設備上android

https://github.com/driftyco/ionic-starter-maps/issues/10

，但沒有運氣提到我已在應用配置文件中的變化，並使用不同數量的meta標籤的單獨作爲其他線程，但沒有運氣描述應用了變化。在控制檯中，我可以看到錯誤爲'Uncaught ReferenceError：google is not defined'。爲此，我已經嘗試了不同的螺紋下方

Uncaught ReferenceError: google is not defined

，但仍得到相同的錯誤提到。我不能算出這個錯誤out.What否則我下面缺少的是我在我的app.Index網頁代碼共享使用的代碼

這是我的控制器代碼

.controller('MapCtrl', function($scope, $ionicLoading) { 
google.maps.event.addDomListener(window, 'load', function() { 
     var myLatlng = new google.maps.LatLng(37.3000, -120.4833); 

     var mapOptions = { 
      center: myLatlng, 
      zoom: 16, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 

     var myDiv=document.getElementById("map"); 
     var map = new google.maps.Map(myDiv, mapOptions); 
    }); 
})

以下是我在配置文件中添加不同的線程

<access origin="*"/> 
<access origin="http://maps.google.com"/> 
<access origin="https://maps.google.com"/> 
<access origin="http://*.googleapis.com"/> 
<access origin="https://*.googleapis.com"/>

任何幫助推薦線路

來源

2016-08-09 Abdul Waheed

在接下來的時間，請提供像控制器的代碼。屏幕截圖不容易看到/調試和複製/粘貼。 – e666

看來你還沒有很好地導入谷歌地圖文件index.html。

的問題是該行： <script src="//maps.google.com/maps/api/..."></script>

上的瀏覽器就會加載這個腳本：http://maps.google.com/maps/api/...，因爲你所服務通過HTTP文件。

但是在設備上，您通過file://來提供文件，因此它會嘗試加載此腳本：file://maps.google.com/maps/api/... 這不可用。

所以，你需要這樣的指定https：

<script src="https://maps.google.com/maps/api/..."></script>

來源

2016-08-09 09:33:33 e666

谷歌地圖顯示在瀏覽器上，但不是在真實設備上android

回答

相關問題