title: Click to show google map in Javascript - Not working
body: <p>This is the code im working from:
  <a href="http://jsfiddle.net/X9SkK/" rel="nofollow">http://jsfiddle.net/X9SkK/</a></p>
  
  <p>This is the javascript:
  </p>
  
  <pre><code>function showmap() {
       var map;
        function initialize() {
          var mapOptions = {
            zoom: 8,
            center: new google.maps.LatLng(-34.397, 150.644),
            mapTypeId: google.maps.MapTypeId.ROADMAP
          };
          map = new google.maps.Map(document.getElementById('map_canvas'),
              mapOptions);
        }
  }​
  </code></pre>
  
  <p>I want to have it so that when I click the button the map loads, however it doesnt work for some reason. I am sure its something simple but I cant pinpoint it.</p>