Question

我正在尝试显示一个简单的地图，但它在IE7中不起作用（没有显示任何内容，而div也没有任何地方）。

它在Chrome和Firefox中运行良好。我还没有尝试任何其他版本的IE

模板是Jade，但理解它不应该是一个问题（.class和#id）

div.pull-right(style="width: 450px")
            div.well.well-small(style="width: 450px;")
                div#map-holder
                    div.map#map_canvas

这是地图：

script
        function initialize() {
            var loc = new google.maps.LatLng(#{location.lat}, #{location.lng});
            var mapOptions = {
                center: loc,
                zoom: 15,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };
            var map = new google.maps.Map(document.getElementById("map_canvas"),
                mapOptions);

            var marker = new google.maps.Marker({
                        position: loc,
                        map: map,
                        animation: google.maps.Animation.DROP
            });
        }

CSS

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

.map{
    width:450px;
    height: 400px;
    margin-bottom: 20px;
}

Answer 1

这是无效的Javascript：

var loc = new google.maps.LatLng(#{location.lat}, #{location.lng});

Google地图无法在IE7中显示

1 个答案: