WP Go Maps (v9)
Integrations

Advanced custom fields

11min

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 Group

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

ο»Ώ

Creating a new Field Group
Creating a new Field Group
ο»Ώ

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

Document image
ο»Ώ

Scroll down to the Fields section of the Page

Select Field Type as Google Map

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

ο»Ώ

Adding a location field Type
Adding a location field Type
ο»Ώ

In this example, we will be creating this field group for Pages

Scroll to the Settings section on this page, Set Location rules for where custom field will be displayed, in this case we'll use Post Type is equal to Page

ο»Ώ

Set Post type to page for Location Rules
Set Post type to page for Location Rules
ο»Ώ

Remember to save your new Custom Field Group and location fild, by selecting the Save Changes Option at the top of the page

ο»Ώ

Save Field group
Save Field group
ο»Ώ

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) -> Settings -> Integrations

Select The Page Post Type

Enable ACF feature
Enable ACF feature
ο»Ώ

Then click Save Map to save your settings.

Add a new WordPress 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

Importing Advanced Custom Fields
Importing Advanced Custom Fields
ο»Ώ

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