animate google maps

Jeg har lavet et google maps kort hvor der er en knap som udvidder kortet til at fylde hele skærmen, det virker fint. Men jeg vil gerne have animation på, har set det lavet men kan ikke få det til at virke.

Dette virker:

var css = document.getElementById("map_canvas").style;
  css.width = viewportWidth;
  css.height = viewportHeight;
  css.left = "0";
  css.top = "0";
  css.position = "fixed";
  css.zIndex='3';

Dette virker ikke:

$("#map_canvas").animate({
                    left: "0px",
                    top: "0px",
                    width: viewportWidth,
                    height: viewportHeight,
                    position: "fixed",
                    zIndex: "3"
                }, 1000, "linear", function() {
                    google.maps.event.trigger(map, 'resize');
                    map.panTo(center);
                });

Er er en som kan hjælpe ?