Grau Google Maps Auf Intel XDK mit jQuery Mobile

Question

Hallo ich arbeite mit Intel XDK und jQuery Handy zu entwickeln und apk für Tourismus, dass ich Google Maps mit einigen Markern und Infobox anzeigen müssen. Das Problem, das ich habe, ist, wenn ich die apk auf dem Emulator oder realen Gerät lade, der Bildschirm, wo die Karte angezeigt werden sollte, wird voll grau. wie der Bildschirm unten.

hier ist mein Code:

<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

Stellen Sie sicher, die richtige Taste (n) und Paketnamen mit der Google API-Konsole registriert. Wenn Sie direkt aus Android Studio kompilieren und starten, signieren Sie wahrscheinlich im Debug-Modus. Wenn dies der Fall ist, müssen Sie Ihren Debug-Schlüssel-Hash + Paketnamen zu den zulässigen Anwendungen in der API-Konsole hinzufügen.

Sie können auch diese im Zusammenhang SO Frage prüfen: Android app google maps showing grey tiles and not map!