google-maps-api-3 - 谷歌地图在 IE7 中不显示

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;
}

​</p>

Answer 1

这不是有效的 Javascript：

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