Chase Plastics Locations Map – Filtering

Updated the new Image Map Pro to utilize pin filtering. ‘Shape Title’ within the editor is the tag used to filter data:

  • Added js/map-filter.js
  • Modified: scss/locations-map.scss

The script simply adds and removes active classes based on the data-id and data-shape-title of the map key item buttons and each pin.

Dev Note: Make sure to use same shape title names when adding new pins in the future for filtering purposes.

Recent Work

LearnGlazing

  • Design
  • Prototyping
  • User Interface Design
  • Web Development

Metro Engineering Solutions

  • Design
  • Prototyping
  • User Interface Design
  • Web Development

Schoolcraft College

  • User Interface Design
  • Web Development

Connect with me on LinkedIn