1

我正在使用模态引导程序,我需要在其中加载 googlemap,但是我只是照常加载,控制台向我显示它正在加载的地图,但是,元素检查显示必须将地图加载为空的元素,例如图片

地图容器的屏幕截图以及检查显示地图已加载的容器和地图变量的结果

用于我的地图的代码是

var map;

var drawingManager;
var selectedShape;

function initializeMap() {
    var mapOptions = {
        center : new google.maps.LatLng(-16.4237766667, -71.54262),
        zoom : 15,
        mapTypeId : google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById("mapCanvas"),
            mapOptions);
    console.debug(map);
}
$(document).ready(
        function() {
            initializeMap();
            $('#createleaf').click(function() {
                $('#modalFence').modal('show');
            });
            $('#modalFence').on('shown',function(event) {
                //console.debug(map);
                google.maps.event.trigger(map, "resize");
                map.setZoom( map.getZoom() );
                var modal = $(this);
                modal.css('margin-top',(modal.outerHeight() / 2) * -1)
                .css('margin-left',(modal.outerWidth() / 2) * -1);
                return this;
            });
        });

还有一件事,我只是尝试在模态之外创建地图,我的意思是在页面上,它运行良好,问题只是在模态上

我的完整代码在外部链接上,以免帖子太长

非常感谢

4

1 回答 1

0

我刚刚发现错误,这是打字,我注意到粘贴箱中的第 246-256 行包含具有相同 id 地图容器的模态,这就是我的模态不显示地图的原因,原因它被装载在第一个具有相同 id Tanks 的容器上对你们所有人来说

于 2013-06-05T17:51:24.133 回答