Google Maps API Javascript灰色地图

Question

我正在尝试使用谷歌地图API，但不断获得灰色框而不是地图：

我的javascript：

var myLatLng = {lat: -86.408, lng: 43.077};

  var map = new google.maps.Map(document.getElementById('postmap'), {
    zoom: 16,
    center: myLatLng,
    disableDefaultUI: true
    });

  var marker = new google.maps.Marker({
    position: myLatLng,
    map: map,
  });

}

这就是我得到的：

奇怪的部分是一些cooridents工作，而有些不...例如0纬度和0经度渲染地图。

Answer 1

奇怪的部分是一些cooridents工作，一些不

有些纬度是有效的，有些不是。 纬度的有效范围约为-85到85

将缩放设置为0，您将看到您的标记位于地图之外（地球）

＆＃13;

＆＃13;

function initialize() {
        var myLatLng = {lat: -86.408, lng: 43.077};

  var map = new google.maps.Map(document.getElementById('postmap'), {
    zoom: 0,
    center: myLatLng,
    disableDefaultUI: true
    });

  var marker = new google.maps.Marker({
    position: myLatLng,
    map: map,
  });

}
      

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

＆＃13;

html,body,#postmap{height:100%;margin:0;padding:0}

＆＃13;

<div id="postmap"></div>
<script src="https://maps.googleapis.com/maps/api/js?v=3"></script>

＆＃13;

＆＃13;

＆＃13;