website logo
Go back to WP Go Maps
⌘K
Atlas Novus (v9)
πŸ‘Initial Setup
πŸ‘First-time users
πŸ‘Map Features
πŸ‘Integrations
πŸ‘Importing and Exporting Data
πŸ‘Troubleshooting
πŸ‘Frequently asked questions
Legacy (v9)
πŸ‘Initial Setup
πŸ‘First-time users
πŸ‘Map Features
πŸ‘Integrations
πŸ‘Importing and Exporting Data
πŸ‘Troubleshooting
πŸ‘Frequently asked questions
Integrations
Developers
Hooks
Docs powered byΒ archbeeΒ 
15min

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) -> 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.

Updated 03 Mar 2023
Did this page help you?
Yes
No
UP NEXT
WooCommerce - Checkout Map
Docs powered byΒ archbeeΒ 
TABLE OF CONTENTS
Overview
Setup
Prerequisites
Create ACF Field
Create a page for your custom field location
Create a new map
Enabling the ACF Feature for the display map
Add a new WordPress Page with your Display Map
Example
Importing Integrated Markers