小编Chr*_*s H的帖子

似乎Google Maps API有一个更新,如果没有设置宽度和高度的像素值,那么它只会呈现一个灰色框.我遇到的问题是我需要一个全宽度的地图.

地图会渲染,如果您将地图拖动到右侧,则可以看到地图.

我尝试将此添加到事件中google.maps.event.trigger(map, "resize");它没有帮助.

这是我的标记

<div class="map-holder">
      <div id="google-map"></div>
</div>    

这是我的js

var map;

function initialize() {
    var mapOptions = {
        zoom: 14,
        center: new google.maps.LatLng(XX.XXXXX, XX.XXXXX),
        disableDefaultUI: true,
        draggable: true,
        scrollwheel: false,
        scaleControl: false,
        zoomControl: false
    };

    map = new google.maps.Map(document.getElementById('google-map'), mapOptions);

    var marker = new google.maps.Marker({
        position: new google.maps.LatLng(XX.XXXXX, XX.XXXXX),
        map: map,
        title: 'Some place',
        visible: true,
        place: 'Some place'
    });
}

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

google.maps.event.addDomListener(window, 'resize', function() {
    var center = map.getCenter();
    google.maps.event.trigger(map, 'resize'); …