谷歌地图灰色地图答案

【问题标题】：Google Maps Grey Map谷歌地图灰色地图
【发布时间】：2014-01-19 08:20:56
【问题描述】：

所以，我这里的东西类似于灰色地图，除了在这里我看到所有按钮。除了地图图块外，一切看起来都 100% 正常。他们都是灰色的！所以会发生什么，这很奇怪，它在缩放 8 时加载 nicley，然后放大到最大，然后是灰色瓷砖我。现在是代码：

 <style>

     html, body, #map-canvas {
       height: 100%;
       margin: 0px;
       padding: 0px;
       width: 100%;
     }


   </style>
   <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBN5n7Q_LBTusrg4ae_vFtDWq22SZg5orU&sensor=false"></script>
   <script>
var map;
function initialize() {
 var mapOptions = {
   zoom: 8,
   center: new google.maps.LatLng(-34.397, 150.644),
   mapTypeId: google.maps.MapTypeId.ROADMAP
 };
 map = new google.maps.Map(document.getElementById('map-canvas'),
     mapOptions);
 var kmlLayer = new google.maps.KmlLayer({
    url: 'http://pasteht.ml/pr7Xm',
    suppressInfoWindows: false,
    map: map
  });
}

google.maps.event.addDomListener(window, 'load', initialize);

   </script>

【问题讨论】：

同样奇怪的是，这段代码是从以前工作的 GMaps 系统中清除的。
确保您已在地图元素上设置了高度和宽度，最好使用 CSS。
另请参阅与此相关的 SO 上的所有其他问题，例如：stackoverflow.com/questions/13525749/google-maps-is-grey?rq=1

标签： javascript html css google-maps google-chrome

【解决方案1】：

地标的<coordinates/> 无效。

在 KML 中，顺序必须为 longitude, latitude（相反顺序，纬度将设置为 -122.419416，这是一个无效的纬度值...有效范围约为 -85 to 85）

【讨论】：

哦，我真是个白痴！
如果mapOptions的'center'参数无效，地图显示为灰色。您在此处（控制台）没有从 Google 获得任何提示。