> 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/guides/map-marker-from-acf-image.md).

# Map Marker from ACF Image

### Step by step guide

**Select** the **Google 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 Google 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.*