title: How to do a popup and hover with leaflet js plugin?
body: <p>I'm using the drupal leaflet module and want to have a popup on click, and then a mouseover to show up in the corner when hovering. Currently I have the popup working but cannot add a mouseover. Everywhere I"ve read is saying that you can add a mouseover to the feature wih the geoJson object but it doesn't look like I have access to that object using it through this module. Here is my Js code. </p>
  
  <pre><code>(function ($) {
  Drupal.behaviors.maps = {
  attach:function (context, settings) {
  
    // Add legends to each leaflet map instance in Drupal's settings array
    $(settings.leaflet).each(function() {
      // Get the map object from the current iteration
      var map = this.lMap;
  
      // Create a legend class that will later be instantiated and added to the map
      var legend = L.Control.extend({
        options: {
          position: 'bottomleft'
        },
  
        onAdd: function (map) {
          // create the control container div with classes
          var container = L.DomUtil.create('div', 'info legend');
  
          var html = '&lt;h1&gt;Status&lt;/h1&gt;';
          html += '&lt;ul&gt;';
          html += ' &lt;li&gt;&lt;span class="color home"&gt;&lt;/span&gt; Available Home&lt;/li&gt;';
          html += ' &lt;li&gt;&lt;span class="color lot"&gt;&lt;/span&gt; Available Lot&lt;/li&gt;';
          html += ' &lt;li&gt;&lt;span class="color not-available"&gt;&lt;/span&gt; Not Available&lt;/li&gt;';
          html += '&lt;/ul&gt;';
          container.innerHTML = html;
  
          return container;
        }
      });
      map.scrollWheelZoom.disable();
      map.addControl(new legend());
    });
  }
  };
  })(jQuery);
  </code></pre>
  
  <p><strong>I have the popup working, I need to add an on hover to each feature, how can I do that?</strong></p>