title: How to change the size of google map with a button
body: <p>After a couple of hours searching in the web, I came about this website:
  <a href="http://leonardogandini.com/projects/Google-Maps-API/map-resize" rel="nofollow">http://leonardogandini.com/projects/Google-Maps-API/map-resize</a>
  It is exactly what I wanted. Resizing the google map through a button press.</p>
  
  <p>I don't have much experience with Jquery or Javascript but I'm trying to make this work. So I copied the code and try to display it. </p>
  
  <p>When I input this code, the map disappeared. Am I missing something? Can anyone make this work please? Thanks.</p>
  
  <pre><code>$(document).ready(function() {
  $('#resizeuno').click(function() {
      $('#map_canvas').css({'width':'300','height':'400'});
      google.maps.event.trigger(map, 'resize');  
  });
  $('#reset').click(function() {
      $('#map_canvas').css({'width':'855','height':'550'});
      google.maps.event.trigger(map, 'resize');   
  }); 
  });
  </code></pre>
  
  <p>Have a look at the code <a href="http://jsfiddle.net/yungchristie/9P9RG/1/" rel="nofollow">http://jsfiddle.net/yungchristie/9P9RG/1/</a></p>