我正在使用模态引导程序,我需要在其中加载 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;
});
});
还有一件事,我只是尝试在模态之外创建地图,我的意思是在页面上,它运行良好,问题只是在模态上
我的完整代码在外部链接上,以免帖子太长
非常感谢