title: Leaflet: How to add a text label to a custom marker icon?
body: <p>Is it possible to add text to a custom icon marker? I want to avoid having to edit the icon in an image editor just to add the text. </p>
  
  <p>I've created my custom icon marker like so:</p>
  
  <pre><code>var airfieldIcon = L.icon({
          iconUrl: 'images/airfield.png',
          iconSize: [48,48]
  });
  
  var airfield = L.geoJson (airfield, {
      pointToLayer: function(feature,latlng){
          return L.marker(latlng, {
              icon: airfieldIcon
          })
      }
  }).addTo(map);
  </code></pre>
  
  <p>How would I add the text "Banff Airfield" as a label to this icon? Is the easiest and most efficient way through using an image editor? if so, I will do that method, but wondering if there was a better way. Thanks!</p>