title: How to add a action for addDOMListener of Google Maps?
body: <p>I just want to load the Google Maps based on the Mouseover event of different div element. For doing this I just used the following simple code. This code itself not working, can someone tell me what mistake I have made?</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  
    function initialize() {
      var mapDiv = document.getElementById('map-canvas');
      var map = new google.maps.Map(mapDiv, {
        center: new google.maps.LatLng(40.740, -74.18),
        zoom: 12,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      });
  
      var content = '&lt;strong&gt;A info window!&lt;/strong&gt;&lt;br/&gt;That is bound to a marker';
  
      var infowindow = new google.maps.InfoWindow({
        content: content
      });
  
      var marker = new google.maps.Marker({
        map: map,
        position: map.getCenter(),
        draggable: true
      });
  
      infowindow.open(map, marker);
    }
  
    google.maps.event.addDomListener($("#showmap"), 'mouseover', function(){ alert("Hi");});
  &lt;/script&gt;
  
  
  &lt;div id='showmap'&gt;
    Show Map
  &lt;/div&gt;
  &lt;div id="map-canvas" style="width: 500px; height: 400px"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Above simple alert function itself not called for this simple code.</p>