title: open a dialog by clicking the marker in map
body: <p>Hi I want the functionality like <a href="http://www.stayz.com.au/accommodation/vic/melbourne/melbourne-airport?checkin=&amp;numNights=1&amp;minPrice=&amp;maxPrice=&amp;numGuests=1&amp;rating=0&amp;acceptsOnlinePayment=false&amp;searchRef-lastMinDeals=false&amp;searchRef-specialOffers=false&amp;feature=&amp;view=map" rel="nofollow">this</a>.I created  a map but how can i open a dialog by clicking the marker icon.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      initialize();
  // OnLoad function ...
  function initialize() {
  
  
     var fenway = new google.maps.LatLng(-27,133);
  var mapOptions = {
    center: fenway,
    zoom: 4,
  
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  
  var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
  
  
  var fluster = new Fluster2(map);
      var marker; 
  &lt;?php   $count=1;
      foreach($profileinfo as $property){
      $lat_val = $property-&gt;lat;
      $long_val = $property-&gt;lng; ?&gt; 
      &lt;?php } ?&gt;
  
  
  // Initialize Fluster and give it a existing map
      var fluster = new Fluster2(map);
      var marker; 
      &lt;?php   $count=1;
      foreach($paginate as $propert){
      $lat_val = $propert-&gt;lat;
      $long_val = $propert-&gt;lng;
      $address1 = $propert-&gt;address.','.$propert-&gt;suburb;?&gt;
      // Create a new marker. Don't add it to the map!
          marker = new google.maps.Marker({
              position: new google.maps.LatLng(&lt;?php echo $lat_val; ?&gt;, &lt;?php echo $long_val; ?&gt;),
              title: '&lt;?php echo $address1; ?&gt;'
  
          });
          fluster.addMarker(marker);
      &lt;?php
      }?&gt;
      // Set styles
      // These are the same styles as default, assignment is only for demonstration ...
      fluster.styles = {
          // This style will be used for clusters with more than 0 markers
          0: {
              image: 'http://gmaps-utility-library.googlecode.com/svn/trunk/markerclusterer/1.0/images/m1.png',
              textColor: '#FFFFFF',
              width: 53,
              height: 52
          },
          // This style will be used for clusters with more than 10 markers
          10: {
              image: 'http://gmaps-utility-library.googlecode.com/svn/trunk/markerclusterer/1.0/images/m2.png',
              textColor: '#FFFFFF',
              width: 56,
              height: 55
          },
          20: {
              image: 'http://gmaps-utility-library.googlecode.com/svn/trunk/markerclusterer/1.0/images/m3.png',
              textColor: '#FFFFFF',
              width: 66,
              height: 65
          }
      };
      fluster.initialize();
  
  
  }
  
  &lt;/script&gt;
  </code></pre>