google map javascript无法正确呈现

我一定是犯了个简单的错误。我无法得到最小的谷歌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'));
}

---

该问题是由

article.listing img

的格式

max width:50px

强制引起的。该选择器还匹配地图内的图像（例如，瓷砖，宽度限制为50px，但实际宽度为256px）

将其添加到样式表中：

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

---

你为什么要设置两次中心？当你创建新的谷歌地图时，你已经这样做了。是的，设置中心是多余的，但这不重要，对吗？我已经删除了它，但仍然看到相同的问题。