灰色谷歌地圖在英特爾XDK使用jQuery手機

Question

嗨即時通訊與英特爾XDK和jQuery手機開發和apk的旅遊，我需要顯示帶有一些標記和信息框的谷歌地圖。我遇到的問題是當我在模擬器或真實設備上加載apk時，地圖應該顯示的屏幕變成灰色。像屏幕波紋管。

這裏是我的代碼：

<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script> 
    <div class="upage bg_que_ver" id="mapa" data-role="page" data-url="mapa"> 
      <div data-role="header" data-theme="b"> 
     <h1>Maps</h1> 
     </div> 
     <div id="map" style="width: 100%; height: 95%;"></div> 
     <script type="text/javascript"> 
      var map; //<-- This is now available to both event listeners and the initialize() function 
      function initialize() { 
      var mapOptions = { 
      center: new google.maps.LatLng(40.5472,12.282715), 
      zoom: 6, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
      }; 
      map = new google.maps.Map(document.getElementById("map"), 
      mapOptions); 
      } 
      google.maps.event.addDomListener(window, 'load', initialize); 
      google.maps.event.addDomListener(window, "resize", function() { 
      var center = map.getCenter(); 
      google.maps.event.trigger(map, "resize"); 
      map.setCenter(center); 
      }); 
     </script>  
</div> 

Answer 1

確保您註冊正確的鍵（S），並與谷歌API控制檯包名。具體來說，如果您直接從Android Studio編譯和啓動，則可能正在登錄調試模式。如果是這樣，您需要將您的調試密鑰哈希+包名稱添加到API控制檯中允許的應用程序中。

您還可以檢查此相關的SO問題：Android app google maps showing grey tiles and not map!