Карта Google не загружается, пока не измените размер браузера ⇐ Jquery

[Anonymous]

Когда я загружаю сайт, все отображается нормально, но карта Google не загружается, пока я не изменю размер веб-браузера. Я использую jquery mobile.
здесь прикреплен HTML и скрипт, который я использовал




shopLAT[1] = 30.197932;
shopLONG[1] = -97.710452;





map="";
//function loadMap() {
var latLng = new google.maps.LatLng(shopLAT[1], shopLONG[1]);
var mapOptions = {
center: latLng,
zoom: 14,
mapTypeId: google.maps.MapTypeId.ROADMAP
};

map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);
var infowindow = new google.maps.InfoWindow({content: "Marker"});
var contentString = "Customer: George Adams";
var marker = new google.maps.Marker({
position: latLng,
map: map,
html: contentString
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.setContent(this.html);
infowindow.open(map,this);
});
//}

$(document).ready(function(){
$("#idmaptab").bind('onClick', function() {
google.maps.event.trigger(map, 'resize');
$("#map-canvas").css("height","100%");
});
});



Подробнее здесь: https://stackoverflow.com/questions/354 ... he-browser