无法使用bootstrap显示谷歌地图

Question

1. 此初始化将从onclick函数函数

   调用

   initialize() {
   var branchName =    $( "#preferredBranch option:selected" ).val();
    var lat= null;
    var lng =null;
        if(branchName == '100032' ){
   
        lat  = 24.4837507;
        lan = 54.3769598;
        }  var mapCanvas = document.getElementById('map-canvas');
       var mapOptions = {
         center:   new google.maps.LatLng(lat, lan),
         zoom: 9,
         mapTypeId: google.maps.MapTypeId.ROADMAP
       }
       var map = new google.maps.Map(mapCanvas, mapOptions);
       google.maps.event.trigger($scope.map.control.getGMap(), "resize"); 
       $('myModal"]').on('shown', function(e) {
           google.maps.event.trigger(map, 'resize');
       })
   

   --- JSP

   无法使用bootstrap显示谷歌地图。在缩放我的时候 能够看到谷歌地图，否则普通的谷歌地图即将到来。 请帮我解决问题