title: Refreshing Google Map is preventing ability to add markers
body: <p>I have problem with after 'refreshing' my Google Map, I am not able to place in marker by myself(Clicking). But before refreshing my map(With the initialize one), I am able to place marker in by clicking. May I know what's wrong with the code? </p>
  
  <p>Below are my codes... </p>
  
  <pre><code>//Initialize the map
  function initialize() {
      var myLatlng = new google.maps.LatLng(2,110);
      var myOptions = {
          zoom: 3,
          center: myLatlng,
          mapTypeId: google.maps.MapTypeId.HYBRID
      };
      map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
      infowindow = new google.maps.InfoWindow({
          content: "loading..."
      });
  }
  
  // Listen for click for markers
  function marker()
  {
      google.maps.event.addListener(map, 'click', function(event) {
          addMarker(event.latLng);
      });
  }
  
  // Place markers in by click
  
  function addMarker(location) {
      marker = new google.maps.Marker({
          position: location,
          map: map,
          title:"Specified Location",
          icon: 'images/greenPoint.png'
      });
      markersArray.push(marker);
  }
  
  
  function refreshMap()
  {
      var myLatlng = new google.maps.LatLng(1.1,107);
      var myOptions = {
          zoom: 4,
          center: myLatlng,
          mapTypeId: google.maps.MapTypeId.HYBRID
      };
      map = new google.maps.Map(document.getElementById("map_canvas"),
      myOptions);
  }
  </code></pre>