グレーGoogleマップjQuery Mobileを使用しているIntel XDK

Question

こんにちは私はインテルXDKとjQueryモバイルで開発してapkを開発しました。そのためにいくつかのマーカーと情報ボックスでGoogleマップを表示する必要があります。私が持っている問題は、エミュレータまたは実際のデバイス上の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

は、GoogleのAPIコンソールで正しいキー（S）とパッケージ名を登録していることを確認します。具体的には、Android Studioから直接コンパイルして起動する場合は、おそらくデバッグモードでサインインしています。その場合は、APIコンソールの許可されたアプリケーションにデバッグキーのハッシュ+パッケージ名を追加する必要があります。インテルXDKを使用してAndroid app google maps showing grey tiles and not map!