> For the complete documentation index, see [llms.txt](https://wplake.gitbook.io/advanced-views/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wplake.gitbook.io/advanced-views/field-types/media/map-field/marker-from-image-field.md).

# How to use an Image field as a map marker

In **Advanced Views Lite**, [*Layouts*](/advanced-views/getting-started/first-layout.md) allow you to [display map fields](/advanced-views/field-types/media/map-field.md) out of the box.

In **Advanced Views Pro**, you can customize the appearance of map markers, including using a custom marker image.

In some cases, however, you may want to display the same map on different pages while using a different marker image for each one. This can be achieved by using the value of an **Image** field as the marker icon, allowing content editors to control the marker image for each map individually.

## 1. Step-by-step guide

**Select** the **Map** field from the Field list, and also assign the map marker **Image field** you'd like to use.

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

**Publish** or **Update** your *Layout* to Save.

<figure><img src="/files/0XuBW0Dpb4OnlJT7qZUy" alt=""><figcaption></figcaption></figure>

**Switch** to the **Template** tab, copy and paste the **Default Template** code into the **Custom Template** field.

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

In the Custom Template field copy the `{{ map_marker.value }}` from the `src` attribute of the Image field.

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

**Paste** it, replacing the `data-icon="{{ map.marker_icon }}"` attribute of the Map field.&#x20;

<figure><img src="/files/4JPd7jMZfyigpLxSKMTn" alt=""><figcaption></figcaption></figure>

Then **delete** the lines for the map marker Image field markup.

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

Save or update to publish your *Layout.*