> For the complete documentation index, see [llms.txt](https://cranford-tech.gitbook.io/beautiful-maps-mapbox/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://cranford-tech.gitbook.io/beautiful-maps-mapbox/loading-markers/changing-marker-on-hover.md).

# Changing marker on hover

You can add a list of markers that will be shown when the default marker is hovered by using the  field that comes with the '**Add List of Markers Map To Mapbox Map**' action:

<figure><img src="/files/xVY3MDtQtOiqjhS8T7M9" alt=""><figcaption></figcaption></figure>

In the above example, we've added an image field called 'Image - Hover State' to our 'Location' data type that we're referencing in the 'Icon Image (Multiple)' field:

<figure><img src="/files/GFJdWKzulWTm0GCSiCly" alt=""><figcaption></figcaption></figure>

However, you can also use one image for all hover images by using the 'Icon Image (Single)' field in the 'Add List of Markers' action - see the video tutorial below for full details.

### Video tutorial

The below video tutorial shows how you can add change a marker icon when hovered:

{% embed url="<https://www.youtube.com/watch?v=P46O_gPNFbc>" %}