WP Go Maps (v9)
...
Integrations
Advanced custom fields

Using Custom images as the marker icons for your ACF map markers

6min

Overview

The following documentation shows how to make use of custom marker icons for the makers on your Advanced Custom Fields driven map.

Setup

Prerequisites

The Following Plugins need to be installed and active

Adding a Marker Icon Field to your Field Group

Please return to the ACF plugin and Select Field Groups,

ο»Ώ

Open ACF Field Groups
Open ACF Field Groups
ο»Ώ

Identify your map field group and Edit it

Edit your field Group
Edit your field Group
ο»Ώ

Select Add Field

ο»Ώ

Add Field
Add Field
ο»Ώ
  • Select Field Type: Image
  • Enter Field Label: Marker Icon​
  • Confirm Field Name: marker_icon​
  • Select Return Type: Image ID​

ο»Ώ

Enter field attributes
Enter field attributes
ο»Ώ

Then Close Field and Save Changes

Selecting your marker Icon

Navigate to the associated post (page in this example), for each marker icon that should be amended and select Add Image, to add the required marker icon

ο»Ώ

Add marker icon image to post
Add marker icon image to post
ο»Ώ

Example

Our custom marker icon added to the Cape Town page is now displayed on the map

Document image
ο»Ώ

ο»Ώ

Updated 31 May 2024
Doc contributor
Did this page help you?
PREVIOUS
Advanced custom fields
NEXT
Enabling simple ACF Fields for display in the description field of the Info Windows of your ACF Map
Docs powered byΒ Archbee