灰色谷歌地图在英特尔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!