javascript - 谷歌地图 javascript 无法正确呈现

Question

我一定是犯了一个简单的错误。我无法显示最小的 google V3 地图。下面是我的代码。我看到的是重复的地图垂直列，中间有空格。

function hajj_map_view() {

    var mapDiv = jQuery('#hajj-map');

    if ( !mapDiv.length )
            return;

    function show_map(listing_location) {
            var mapProp = {
                center:listing_location,
                zoom:5,
                mapTypeId:google.maps.MapTypeId.ROADMAP
                };
            var map = new google.maps.Map(document.getElementById("hajj-map"), mapProp);


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

            //map.setCenter(listing_location);
            marker.setPosition(listing_location);
    }

    show_map(new google.maps.LatLng('21.422', '39.826'));
}

Answer 1

max-width:50px这个问题是由article.listing img. 此选择器还匹配地图内的图像（例如，图块，其宽度将限制为 50 像素，但实际宽度为 256 像素）。

将此添加到您的样式表中：

#hajj-map img{max-width:none;}