title: leafletjs : Highlight polyline on mouseover
body: <p>Seems the title is quite self-explanatory but to elaborate more, here is what I'm having trouble with, I have an array of polylines that I am displaying on a map, now what I am aiming to do is, when I hover over a certain polyline from the list, only that polyline highlights (or changes color). What I have right now is something like this (this code is inside a loop that goes to the end filling polyLineArray with individual polyline data, </p>
  
  <pre><code>var pointList = [];
  
  // pointList is an array and lat/lngs
  
  var polyLineProperties = {
      color: 'red',
      opacity: 1,
      weight: 5,
      clickable: true
  }
  
  var polyLine = new L.polyline(pointList, polyLineProperties);
  polyLine.on('mouseover', function() {
      // WHAT TO DO HERE to HIGHLIGHT that specific polyline.
  });
  
  polyLineArray.push(polyLine);
  </code></pre>
  
  <p>Hope someone could help me with this, it'll be <strong>nice</strong>, if someone could even advice on how to alter any property of a polyline and not just color. </p>
  
  <p>Thank you and awaiting your replies :) </p>