/map-highlighter

Svg map highlighter. Search Indian state on map.

Primary LanguageHTML

Map Highlighter

Search Indian state on map. Press / to set the focus to search field. No third party library dependencies.

Demo

Live url Hosted On Netlify

Netlify Status

Installation

  • Just clone the master repo.Currently not dependent on any library.

State Filter

Roadmap

Future development plans for the plugin (if any suggestion then do create a feature request over GitHub):

  • Scroll to matched state.
  • a11y
  • Responsive
  • Tooltip, will show some info related to matched state
  • Enjoy ( Always 😄 )

Support

Found any issue , Please Create a Github Issue or send a pull request.

Learnings while creating this small project

  • addEventListener to attach an event on an DOM element.
  • scrollIntoView to scroll the element so that it will be visible to end user.
  • svg how to style svg using javaScript

Credits