1

シンプルなマップを表示しようとしていますが、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>

4

1 に答える 1

1

これは有効な Javascript ではありません:

var loc = new google.maps.LatLng(#{location.lat}, #{location.lng});
于 2013-01-30T13:40:44.650 に答える