谷歌地图清爽灰色

Question

google.maps.event.trigger(map, 'resize');

      var myLatlng = new google.maps.LatLng(34.310774,66.225586);

      var mapOptions = {
        center: myLatlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      }

      var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

      // boundry
      var southWest = new google.maps.LatLng(31.207164,61.347656);
      var northEast = new google.maps.LatLng(37.617713,69.785156);
      var bounds = new google.maps.LatLngBounds(southWest,northEast);


      map.fitBounds(bounds);
      google.maps.event.trigger(map, 'resize');

Answer 1

要解决该问题，您需要：

>

确保显示地图的div有一个有效的大小，如果它是隐藏的，它的大小将为零，您需要在div有一个有效的大小之前显示它。如果它是使用百分比大小的，请确保它的所有父元素都有一个百分比大小或一个特定的大小（有关详细信息，请参阅Mike Williams的Google Maps API v2教程）。

一旦它有一个大小，初始化地图（如果你还没有）