jQuery .show()

Map (smooth animation)

Code

            
$(window).load(function() {
    var mapsLoaded = false,
    map = $("#map");
    map.gMap({
        markers: [{ latitude: 50.083, longitude: 19.917 }],
        zoom: 12
    });

    $('a#show').click(function(e) {
        e.preventDefault();
        if(mapsLoaded) {return; }
        mapsLoaded = true;
        map.show(function() {
            var gmap = map.data('gmap').gmap;
            gmap.panBy(-map.width()/2,-map.height()/2);
            google.maps.event.trigger(gmap, 'resize');
        });
    });
});
            
        

Map (instant movement)

Code

            
$(window).load(function() {
    var mapsLoaded = false,
    map = $("#map2");
    map.gMap({
        markers: [{ latitude: 50.083, longitude: 19.917 }],
        zoom: 12
    });

    $('a#show2').click(function(e) {
        e.preventDefault();
        if(mapsLoaded) {return; }
        mapsLoaded = true;
        map.show(function() {
            var gmap = map.data('gmap').gmap;

            // always trigger resize BEFORE panTo
            google.maps.event.trigger(gmap, 'resize');

            // notice double panTo
            // long distance pan forces instant movement
            // google.maps.LatLng is required argument type
            gmap.panTo(new google.maps.LatLng(0,0));
            gmap.panTo(map.data('gmap').markers[0].getPosition());
        });
    });
});