title: google map animate or highlight a particular marker in a bound
body: <p>I have multiple markers in an bounds. I want to animate or highlight particular marker in an <code>onclick</code> event from html.</p>
  
  <p>Map code:</p>
  
  <pre><code>var map = new google.maps.Map(document.getElementById('map-canvas'), {
    mapTypeId: google.maps.MapTypeId.ROADMAP
  });
  list = [
      [51.503454,-0.119562],
      [51.499633,-0.124755]
  ];
  var bounds = new google.maps.LatLngBounds();
  list.forEach(function(data, index, array){
  
    var marker = new google.maps.Marker({
     position: new google.maps.LatLng(list[index][0],list[index][1]),
     map: map
    });
  
  bounds.extend(marker.position);
  });
  map.fitBounds(bounds);
  </code></pre>
  
  <p>I want to animate a particular marker in an map from a html <code>onclick</code>.</p>
  
  <pre><code>&lt;button onclick="showme(0)"&gt;London Eye&lt;/button&gt;
  &lt;button onclick="showme(1)"&gt;Palace of Westminster&lt;/button&gt;
  </code></pre>
  
  <p>Js:</p>
  
  <pre><code>showme = function(index){
     //How to animate a particular marker by an index?
  }
  </code></pre>