谷歌地图JavaScript无法正确呈现

时间:2013-02-26 16:36:02

标签: javascript google-maps

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

1 个答案:

答案 0 :(得分:0)

max-width:50px格式article.listing img强制解决了该问题。此选择器还匹配地图内的图像(例如,图块,其宽度限制为50px,但实际宽度为256px)。

将其添加到样式表中:

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