var map = L.map('esri-leaflet-map').setView([32.891, -20], 3);
  L.esri.basemapLayer("Gray").addTo(map);

  map.scrollWheelZoom.disable();
  map.dragging.disable();

  var style = {
      radius: 4,
      fillColor: "#999",
      color: "#FFF",
      weight: 0.5,
      opacity: 1,
      fillOpacity: 0.7
  };

  var layer = L.esri.featureLayer('http://tmservices1.esri.com/arcgis/rest/services/LiveFeeds/NOAA_METAR_current_wind_speed_direction/MapServer/1', {
      pointToLayer: function (feature, latlng) {
        return L.circleMarker(latlng, style);
      }
    }).addTo(map);

  var malette = new Malette('esri-leaflet-map', {
    style: style,
    formatIn: 'css',
    formatOut: 'css'
  });


  malette.on('style-change', function( style ){
    layer.setStyle(style);
  });