This example shows you how easily jQuery + jMaps makes dynamic, resizable maps.
The below example shows the new CheckResize function which will refresh the map for you.
jQuery(document).ready(function(){
jQuery('#map1').jmap('init', {'mapType':G_HYBRID_MAP,'mapCenter':[40.736216,-74.193393]});
jQuery('.toggle-map').toggle(function(){
jQuery('#map1').fadeOut(function(){
jQuery(this).jmap('CheckResize');
});
}, function(){
jQuery('#map1').fadeIn(function(){
jQuery(this).jmap('CheckResize');
});
});
jQuery('.resize').click(function(){
var size = jQuery(this).attr('rel') + 'px';
jQuery('#map1').animate({'width': size, 'height': size}, function(){
jQuery(this).jmap('CheckResize');
});
});
});