On maps, we usually have a continuous gradient of colours when we place continuous fields on colour. However, for every selected state or region on a map, we can show a discrete colour for it as a highlighter. Lets dig in.
- Using Superstore dataset, create a map by dragging state to details mark and washout the background.
![](https://www.thedataschool.co.uk/content/images/2023/03/Screenshot-2023-03-01-182823.png)
2. Drag Sales unto colour.
![](https://www.thedataschool.co.uk/content/images/2023/03/Screenshot-2023-03-01-182743-1.png)
3. Now we want to be able to highlight a state with a colour when we hover over it. To do that lets create a parameter and show it.
![](https://www.thedataschool.co.uk/content/images/2023/03/Screenshot-2023-03-01-183031.png)
4. Lets create a calculated field to be linked with the parameter.
![](https://www.thedataschool.co.uk/content/images/2023/03/image-15.png)
6. Lets create another variant of the map by duplicating the latitude.
![](https://www.thedataschool.co.uk/content/images/2023/03/Screenshot-2023-03-01-183618.png)
7. On the second map, substitute sales on colour with the calculated field.
![](https://www.thedataschool.co.uk/content/images/2023/03/Screenshot-2023-03-01-183850.png)
8. Go to the colour legend, right click on false and hide that field.
![](https://www.thedataschool.co.uk/content/images/2023/03/Screenshot-2023-03-01-184002.png)
9. Go to the row shelf and create a dual axis on latitude. We can now see that Alabama is highlighted since its selected in the parameter. Since we want a State to be highlighted upon hovering, we will need to create a parameter action for that.
![](https://www.thedataschool.co.uk/content/images/2023/03/Screenshot-2023-03-01-184209.png)
10. Create Parameter action. We can further throw the sales unto label so it also pops up upon hovering.
![](https://www.thedataschool.co.uk/content/images/2023/03/Screenshot-2023-03-01-184504.png)
![](https://www.thedataschool.co.uk/content/images/2023/03/Screenshot-2023-03-01-184554.png)
![](https://www.thedataschool.co.uk/content/images/2023/03/Screenshot-2023-03-01-185017.png)
![](https://www.thedataschool.co.uk/content/images/2023/03/Screenshot-2023-03-01-185446.png)
I hope this tipo helped and thanks for reading.