county-selection

This package contains a CountySelectionComponent class that displays a state map with county data on a <county-selection></county-selection> element. Currently state data is limited to "AL" and "AK".

Input Properties

• selectedState: string ("AL", "AK")
• unselectedColor: string ("#FFF")
• selectedColor: string
• hoverColor: string
• backgroundColor: string
• width: int (500)
• height: int
• padding: int (60)

Output Events

• countySelect: EventEmitter<string>
• countyHover: EventEmitter<string>

Example Use

<county-selection
      [selectedState]="'AK'"
      [unselectedColor]="'#000'"
      [hoverColor]="'#AAA'"
      [selectedColor]="'#FFF'"
      [backgroundColor]="'#ADF'"
      [width]="800"
      [height]="1200"
      (countyHover)="onCountyHover($event)"
      (countySelect)="onCountySelect($event)">
</county-selection>