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.

Publish or Update your View to Save.

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

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

Paste it replacing the 'data-icon' {{ map.marker_icon }} attribute of the Google Map field.

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

Last updated