title: How to highlight a particular marker on a multiple marker map
body: <p>I have situation here, kindly help me  in resolving this<br>
  On a  map with multiple markers i am using two variables for longitude and latitude and using them as center point of the map.</p>
  
  <p>How can I </p>
  
  <ol>
  <li>use the marker for these lat/long used for  center to bounce or<br>
  animate </li>
  <li>change the icon of this centered marker to be different than others</li>
  <li>add additional info in the info box.</li>
  </ol>
  
  <p>thanks in advance for the help </p>
  
  <p>-----here is the code </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt; 
  &lt;head&gt; 
    &lt;meta http-equiv="content-type" content="text/html; charset=UTF-8" /&gt; 
    &lt;title&gt;Google Maps Multiple Markers&lt;/title&gt; 
    &lt;script src="http://maps.google.com/maps/api/js?sensor=false" 
            type="text/javascript"&gt;&lt;/script&gt;
  &lt;/head&gt; 
  &lt;body&gt;
    &lt;div id="map" style="width: 500px; height: 400px;"&gt;&lt;/div&gt;
  
    &lt;script type="text/javascript"&gt;
      var locations = [
        ['Bondi Beach', -33.890542, 151.274856, 4],
        ['Coogee Beach', -33.923036, 151.259052, 5],
        ['Cronulla Beach', -34.028249, 151.157507, 3],
        ['Manly Beach', -33.80010128657071, 151.28747820854187, 2],
        ['Maroubra Beach', -33.950198, 151.259302, 1]
      ];
  
  var lat1 = '-33.92'
  var long1 = '151.25'
  
      var map = new google.maps.Map(document.getElementById('map'), {
        zoom: 10,
        center: new google.maps.LatLng(lat1, long1),
        mapTypeId: google.maps.MapTypeId.ROADMAP
      });
  
      var infowindow = new google.maps.InfoWindow();
  
      var marker, i;
  
      for (i = 0; i &lt; locations.length; i++) {  
        marker = new google.maps.Marker({
          position: new google.maps.LatLng(locations[i][1], locations[i][2]),
          map: map
        });
  
  
        google.maps.event.addListener(marker, 'click', (function(marker, i) {
          return function() {
            infowindow.setContent(locations[i][0]);
            infowindow.open(map, marker);
          }
        })(marker, i));
  
  
      }
    &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>