Карта Google не заполняет модальное всплывающее окно

используя модальное всплывающее окно, когда пользователи нажимают на картуна этой странице здесь, который поднимает большую карту с указаниями.

Карта нет заполнить все пространство, однако, и я не могуне понимаю, почему. Когда я щелкаю по нему правой кнопкой мыши, чтобы включить инспектор Chrome, карта становится модальной.

Извините весь код, но я подумал, что лучше всего включить все это:

       
            
            0 then %>
                      <a href="#myModal" role="button" data-toggle="modal">
</a>
                      
    
    
      
        ×
        Modal header
      
      
        <p></p>
      
      
        Close
        Save changes
      
    
        
        
                
            
        

     
    
        var map;
        function initialize() {
          var mapOptions = {
            zoom: 15,
            center: new google.maps.LatLng(-34.397, 150.644),
            mapTypeId: google.maps.MapTypeId.ROADMAP
          };
          var geolocate = function(address, callback) {
                $.ajax({
                        url: "http://maps.googleapis.com/maps/api/geocode/json",
                        data: {
                            "sensor": true,
                            "address": address
                        },
                        dataType: "json",
                        success: function(d) {
                            if (d.status == "ZERO_RESULTS") callback(false);
                            if (d.results && d.results[0] && d.results[0].geometry) {
                                callback({
                                    "ne": d.results[0].geometry.bounds.northeast,
                                    "sw": d.results[0].geometry.bounds.southwest,
                                    "center": d.results[0].geometry.location
                                });
                            }
                            else callback(false);
                        }
                    });
          };
          map = new google.maps.Map(document.getElementById('map-canvas'),
              mapOptions);
          geolocate("", function(c) {
                map.setCenter(new google.maps.LatLng(c.center.lat, c.center.lng));
         });
        }
        google.maps.event.addDomListener(window, 'load', initialize);
    

Благодарю.

Ответы на вопрос(5)

Ваш ответ на вопрос