Simple events

Hovered: None

Focused: None

Clicked: None

Styling a map

This example uses styled-components for css-in-js styling but you can use any css styling method you want.

Styling a map with gradients

An example of using gradients on the map paths.

Selecting layers



Highlighting a layer

Hover on one of these to see where it is:

  • Auckland
  • Wellington
  • Canterbury