title: How do you make a highlighted outline appear in leaflet.js on mouseover and by hyperlink?
body: <p>I need to make an outline appear around an object when the user mouses over the object in leaflet. Right now, I can make the object highlighted all the time or not at all. Here is a sample of my code:</p>
  
  <pre><code>var polygon1 = L.polygon([
    [83.34425, -19.51172], 
    [83.2571, -15.86426], 
    [83.07408, -16.04004], 
    [82.78192, -17.31445], 
    [82.62569, -11.42578], 
    [82.36164, -11.29395], 
    [82.11236, -12.48047], 
    [82.37332, -22.71973], 
    [82.64822, -22.93945], 
    [83.34425, -19.51172]
  ], {
    color: 'yellow',
    opacity: 0.0,
    fillColor: '#fff',
    fillOpacity: 0.0
  });
  polygon1.bindLabel(popup_csb);
  polygon1.bindPopup(content_csb);
  polygon1.addTo(map);
  </code></pre>
  
  <p>I need to make an event for the object to be outlined in two circumstances.</p>
  
  <ol>
  <li><p>When the mouseover takes place, to show the highlight as well as the popup label. The highlight would then go away when the mouse moves off the object.</p></li>
  <li><p>When the user clicks on a link on the page (a list of buildings) and the object is outlined to show the user where the building is on the map.</p></li>
  </ol>
  
  <p>The second case would also have to have a disable event when the user clicks another building.</p>
  
  <p>Thanks very much for your help!</p>