title: google maps initialize can't see map variable when adding marker
body: <p>I have the following initialization for a google map:</p>
  
  <pre><code>function initialize() 
      {
          var mapOptions = {
              zoom: 15,
              center: myLatLng,
              mapTypeControl: true, 
              mapTypeControlOptions: {
              style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
              },
              zoomControl: true,
              scaleControl: true,
              scrollwheel: true,
              disableDoubleClickZoom: true,
          };
          var map = new google.maps.Map(document.getElementById("googleMap"),
              mapOptions);
          }
  
      var marker = new google.maps.Marker({
          position: myLatLng,
          map: map,
          title: 'Hello World!'
        });
  
      google.maps.event.addDomListener(window, "load", initialize);
      };
  </code></pre>
  
  <p>When trying to add the marker, I get the error:</p>
  
  <blockquote>
    <p>Uncaught ReferenceError: map is not defined</p>
  </blockquote>
  
  <p>How can I see this map or add a marker properly to the map?</p>