onEachFeature: function(feature: any, layer: any): void {
   let formatter = new FormatterService();
   if (feature.properties) {
     layer.setStyle({
       color: '#666',
       fillColor: formatter.mmiColor(feature.properties.cdi),
       fillOpacity: 0.9,
       weight: 0.5
     });
     layer.bindPopup(this.formatPopup(feature));
   }
   formatter = null;
 },

 /**
  * Format a number
  *
  * @param value
  *     Number to format.
  * @param decimals Optional, default does not round.
  *     Number of decimal places to round.
  * @param units Optional, default none.
  *     Units of value.
  * @param empty Optional, default none.
  *     Value to return if value is empty.
  *
  * @return {String}
  *     formatted number
  */
 transform(
   value: any,
   decimals?: number,
   units = '',
   empty = this.formatter.empty
 ): any {
   // NOTE: FormatterService uses different argument order
   return this.formatter.number(value, decimals, empty, units);
 }

 /**
  * Format a number
  *
  * @param value
  *     Number to format.
  * @param decimals Optional, default does not round.
  *     Number of decimal places to round.
  * @param empty Optional, default none.
  *     Value to return if value is empty.
  * @param units Optional, default none.
  *     Units of value.
  *
  * @return {String}
  *     Formatted degrees string
  */
 transform(
   value: any,
   decimals = 0,
   units = '°',
   empty = this.formatter.empty
 ): any {
   // NOTE: FormatterService uses different argument order
   const num = this.formatter.number(value, decimals, empty);
   return `${num}${units}`;
 }

  transform(time: any): string {
    let date;

    date = new Date(time);

    return this.formatter.dateTime(date);
  }

  onMarkerChange() {
    const latLng = this.pin.getLatLng();
    let precision = 0;
    try {
      precision = Math.floor(this.pin._map.getZoom() / 4);
    } catch (e) {}
    const latitude = +this.formatter.number(latLng.lat, precision);
    const longitude = +this.formatter.number(latLng.lng, precision);
    const address = this.formatter.location(latitude, longitude, precision);

    this.feltReport.location = {
      address,
      latitude,
      longitude
    } as Location;
  }

  onMarkerChange() {
    const latLng = this.pin.getLatLng();
    let confidence = 0;
    try {
      confidence = Math.floor(this.pin._map.getZoom() / 4);
    } catch (e) {}
    const latitude = +this.formatter.number(latLng.lat, confidence);
    const longitude = +this.formatter.number(latLng.lng, confidence);
    const address = this.formatter.location(latitude, longitude, confidence);

    this.geoService.method$.next('map');
    this.feltReport.location = {
      address,
      confidence,
      latitude,
      longitude
    } as Location;
  }

  /**
   * Format dateTime object based on a time input
   *
   * @param time
   *     Time to be transformed into a timestamp. Must be a format readable
   *     by the Date JavaScript object
   *
   * @return {string}
   *     formatted date/time string. Ex: '2018-08-31 23:05:43 (UTC)'
   */
  transform(time: any): string {
    let date = new Date(time);

    // check for valid date
    if (isNaN(date.getTime()) || (!time && time !== 0)) {
      date = null;
    }

    return this.formatter.dateTime(date);
  }

  /**
   * Format nuumber with units
   *
   * @param value
   *     Number to format.
   * @param units
   *     Units to describe the number.
   *
   * @return { String | null }
   *     number with units
   */
  transform(
      value: number | string,
      units: string,
      decimals: number = null): string | null {
    let output: string = null;

    if (value === null) {
      return null;
    }

    switch (units) {
      case 'count': {
        output = value.toString();
        break;
      }

      case 'degrees': {
        const degPipe = new DegreesPipe(this.formatterService);
        output = degPipe.transform(value, decimals);
        break;
      }

      case 'latitude': {
        output = this.formatterService.latitude(+value);
        break;
      }

      case 'longitude': {
        output = this.formatterService.longitude(+value);
        break;
      }

      case 'intensity': {
        output = `${value} mmi`;
        break;
      }

      default: {
        output = `${value} ${units}`;
      }
    }
    return output;
  }

  /**
   * Returns an event date time from the event
   *
   * @param event
   *     The event object
   *
   * @return
   *     New date/time formatted object
   */
  transform(event: any): string {
    let date;

    try {
      date = new Date(parseFloat(event.properties.time));
    } catch (e) {
      date = null;
    }

    return this.formatter.dateTime(date);
  }