Карта 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);
Благодарю.