17min

Advanced custom fields

Overview

The following documentation shows how to aggregate and display Advanced Custom Fields locations on a WP Go Maps map.

Integrated markers are fully compatible with our Store Locator and Marker Listing features.

Setup

Prerequisites

The Following Plugins need to be installed and active

  • WP Go Maps
  • WP Go Maps Pro Addon
  • Advanced Custom Fields

Create ACF Field

Please firstly navigate to ACF’s Custom Fields page and click Add New.

Creating a new Field Group
Creating a new Field Group

In this example, we create a field group for Pages

Add a title for the new Field Group, we'll call this one "Integrated Location Field Group"

Select the "+ Add Field" Button

Add Field
Add Field

Enter Field Label as Location (field Name will automatically populate to the same)

Select Field Type as Google Map

Seleect Google Map Field Type
Seleect Google Map Field Type

Set Location the custom field will be displayed, in this case we'll use Post Type is equal to Page

Location is Page post Type
Location is Page post Type

Remember to save your new Custom Field, by selecting the Publish Option

Publish
Publish

Create a page for your custom field location

Navigate to the Pages menu on your WordPress dashboard and click Add New.

From the page editor, you can specify your Custom Field location.

Add a Custom Location Value to a Page
Add a Custom Location Value to a Page

Once you have added your location, please remember to save the page (Selecting the Publish Button)

Create a new map

In WP Go Maps, create a new Map

ο»Ώ

This is the Map where all configured Custom field locations will be displayed

  • Navigate to WP Go Maps -> Maps -> and select Add New
  • Navigate WP Go Maps -> Maps (in edit mode of you new map) -> Settings -> General , enter Map Name in this case we'll call it "ACF Display map"
  • Save Map

Enabling the ACF Feature for the display map

Enable Advanced Custom Fields at the following location.

WP Go MAPS -> Maps (edit the ACF Display Map) -> Advanced Settings -> Integration

Select The Page Post Type

Enabling ACF feature for your map
Enabling ACF feature for your map

Then click Save Map to save your settings.

Add a newWordPress Page with your Display Map

Add the "ACF Display map" to a new page in WordPress

Add Display map to display page
Add Display map to display page

Example

Your Advanced Custom Fields locations will now be visible on the front end on your WP Go Maps map.

The integrated marker has a link back to the page this ACF location was created on, and will pull it’s title, from the page title, the page featured image as the marker image and the page content as the marker description.

Example ACF Marker Infowindow
Example ACF Marker Infowindow

Importing Integrated Markers

The above tutorial shows how to display your markers dynamically, pulling the data in real time from an integration source.

If you want to import your data to work on it within our plugin, as opposed to dynamically integrating the markers, please navigate to:

WP Go MAPS -> Tools -> Import -> Advanced Custom Fields

ACF Import
ACF Import

Please note at present there is no way to export your markers back to the source from which they originated.

ο»Ώ

Updated 05 Aug 2022
Did this page help you?
Yes
No