Php google地图未使用引导模式加载

我正在使用谷歌地图，我需要在引导模式中显示它，但它没有在引导模式中加载，在这里我添加了我的所有脚本，有人能帮我解决这个问题吗？我试着在谷歌上搜索一下，但这并没有帮助我解决这个问题，任何帮助都非常感谢

<!-- Modal -->
<div id="mapModal" class="modal fade" role="dialog">
    <div class="modal-dialog modal-lg">

    <!-- Modal content-->
    <div class="modal-content" style="width: auto !important;height: 500px !important;">
        <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Map</h4>
        </div>
        <div class="modal-body">
        <div id="map_canvas"></div>
        </div>
        <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
    </div>

    </div>
</div>

<!--<script src="https://maps.googleapis.com/maps/api/js?v=3&sensor=false"></script>-->

<script type="text/javascript">

    jQuery(document).ready(function () {
    var poly;
    var map;
    initialize();


    jQuery('#mapModal').on('show.bs.modal', function() {
        google.maps.event.trigger(map, "resize");
    }).modal('show');

        //get_map_data();

    //initialize();
        //google.maps.event.addDomListener(window, "load", initialize);
        MVCArrayBinder.prototype = new google.maps.MVCObject();
        MVCArrayBinder.prototype.get = function (key) {
            if (!isNaN(parseInt(key))) {
                return this.array_.getAt(parseInt(key));
            } else {
                this.array_.get(key);
            }
        }
        MVCArrayBinder.prototype.set = function (key, val) {
            if (!isNaN(parseInt(key))) {
                this.array_.setAt(parseInt(key), val);
            } else {
                this.array_.set(key, val);
            }
        }
    });

    function MVCArrayBinder(mvcArray) {
        this.array_ = mvcArray;
    }


    /**
     * Handles click events on a map, and adds a new point to the Polyline.
     * @param {MouseEvent} mouseEvent
     */
    function addLatLng(event) {
        var path = poly.getPath();
        path.push(event.latLng);
        var len = path.getLength();
        var marker = new google.maps.Marker({
            position: event.latLng,
            title: '#' + len,
            map: map,
            draggable: true
        });
        marker.bindTo('position', poly.binder, (len - 1).toString());
    }
    var locations = [
        [-34.028249, 151.157507, 3],
        [-33.80010128657071, 151.28747820854187, 2],
        [-33.950198, 151.259302, 1]
    ];


    function initialize() {
        var polyOptions = {
            strokeColor: '#000000',
            strokeOpacity: 1.0,
            strokeWeight: 3, map: map
        };
        poly = new google.maps.Polygon(polyOptions);
        var bounds = new google.maps.LatLngBounds();
        map = new google.maps.Map(document.getElementById('map_canvas'), {
            center: new google.maps.LatLng(10.9386, -84.888),
            zoom: 10,
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            mapTypeControlOptions: {
                //mapTypeIds: ['satellite', 'nearmap']
                mapTypeIds: ['satellite']
            },
            draggableCursor: 'crosshair'
        });

        poly.binder = new MVCArrayBinder(poly.getPath());
        for (var i = 0; i < locations.length; i++) {
            var evt = {};
            evt.latLng = new google.maps.LatLng(locations[i][0], locations[i][1]);
            bounds.extend(evt.latLng);
            addLatLng(evt);
        }

        poly.setMap(map);
        map.fitBounds(bounds);

        google.maps.event.addListener(map, 'click', function (evt) {

            //initDots(evt.latLng);
            addLatLng(evt);
        });

    }

</script>
<script type="text/javascript">
    /*
     * Use bindTo to allow dynamic drag of markers to refresh poly.
     */



</script> 
<style type="text/css">
    html, body, #map_canvas {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px
    }
</style>

&时代；
地图
接近
jQuery（文档）.ready（函数（）{
var-poly；
var映射；
初始化（）；
jQuery（'#mapModal'）.on（'show.bs.modal'，function（）{
google.maps.event.trigger（map，“resize”）；
}).modal（“show”）；
//获取地图数据（）；
//初始化（）；
//google.maps.event.addDomListener（窗口“加载”，初始化）；
MVCArrayBinder.prototype=新的google.maps.MVCObject（）；
MVCArrayBinder.prototype.get=函数（键）{
如果（！isNaN（parseInt（key）））{
返回这个.array.getAt（parseInt（key））；
}否则{
此.array_u2;.get（键）；
}
}
MVCArrayBinder.prototype.set=函数（键，val）{
如果（！isNaN（parseInt（key）））{
this.array_u.setAt（parseInt（key），val）；
}否则{
此.array_uu.set（key，val）；
}
}
});
功能MVCArrayBinder（mvcArray）{
this.array=mvcArray；
}
/**
*处理地图上的单击事件，并向多段线添加新点。
*@param{MouseEvent}MouseEvent
*/
功能添加（事件）{
var path=poly.getPath（）；
路径推送（event.latLng）；
var len=path.getLength（）；
var marker=new google.maps.marker({
位置：event.latLng，
标题：“#”+len，
地图：地图，
德拉格布尔：是的
});
marker.bindTo（'position'，poly.binder，（len-1.toString（））；
}
变量位置=[
[-34.028249, 151.157507, 3],
[-33.80010128657071, 151.28747820854187, 2],
[-33.950198, 151.259302, 1]
];
函数初始化（）{
var多选项={
strokeColor:“#000000”，
笔划不透明度：1.0，
笔划重量：3，地图：地图
};
poly=新的google.maps.Polygon（polyOptions）；
var bounds=new google.maps.LatLngBounds（）；
map=new google.maps.map（document.getElementById（'map_canvas'）{
中心：新google.maps.LatLng（10.9386，-84.888），
缩放：10，
mapTypeId:google.maps.mapTypeId.ROADMAP，
mapTypeControlOptions：{
//MapTypeId:['satellite'，'nearmap']
MapTypeId:['satellite']
},
拖动光标：“十字线”
});
poly.binder=新的MVCArrayBinder（poly.getPath（））；
对于（变量i=0；i

var-poly；
var映射；
函数openModal（）{
$（'#model'）。model({
背景：“静态”，
键盘：错误
}).on（'show.bs.modal'，函数（）{
初始化（）
});
}
功能MVCArrayBinder（mvcArray）{
this.array=mvcArray；
}
MVCArrayBinder.prototype=新的google.maps.MVCObject（）；
MVCArrayBinder.prototype.get=函数（键）{
如果（！isNaN（parseInt（key）））{
返回这个.array.getAt（parseInt（key））；
}否则{
此.array_u2;.get（键）；
}
}
MVCArrayBinder.prototype.set=函数（键，val）{
如果（！isNaN（parseInt（key）））{
this.array_u.setAt（parseInt（key），val）；
}否则{
此.array_uu.set（key，val）；
}
}
功能添加（事件）{
var path=poly.getPath（）；
路径推送（event.latLng）；
var len=path.getLength（）；
var marker=new google.maps.marker({
位置：event.latLng，
标题：“#”+len，
地图：地图，
德拉格布尔：是的
});
marker.bindTo（'position'，poly.binder，（len-1.toString（））；
}
变量位置=[
[-34.028249, 151.157507, 3],
[-33.80010128657071, 151.28747820854187, 2],
[-33.950198, 151.259302, 1]
];
函数初始化（）{
var多选项={
strokeColor:“#000000”，
笔划不透明度：1.0，
笔划重量：3，地图：地图
};
poly=新的google.maps.Polygon（polyOptions）；
var bounds=new google.maps.LatLngBounds（）；
map=new google.maps.map（document.getElementById（'map_canvas'）{
中心：新google.maps.LatLng（10.9386，-84.888），
缩放：10，
mapTypeId:google.maps.mapTypeId.ROADMAP
});
poly.binder=新的MVCArrayBinder（poly.getPath（））；
对于（变量i=0；i
#地图{
高度：800px；
宽度：100%；
}
#地图画布{
最小高度：350px；
最大宽度：650px；
}

模态示例
开放模态
&时代；
模态头
接近
哪个版本的Bootstrap？@ZimSystem版本是3.3.7I检入firebug google map正在加载，但它没有显示在modalI中。我认为当m