• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2784

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Consultation
  • Full Access
  • Log in

Add ACF Google Map In Genesis

The code in this tutorial makes it super easy to add a Google map in any Genesis child theme. All you need to do is create your own Google API key and swap it out on line 16 of the map.php file.

You can use the code in your child themes functions file or directly in any type of single or archive template with any Genesis hook.

There’s 2 steps to create the map :

1 : Create a ACF field named google_maps using ACF Pro.

2 : Install the code available below for registered users.

1. Create ACF Map

Create a new field group named Google Maps using the following settings as a guide :

Add the address for your map using the Google Maps box on your edit screen :

2. Code Installation

There’s 2 simple steps once you have access to the download folder for logged in members :

Step 1 : From the download folder, copy & paste the PHP code from the functions file to your child themes functions file or template file.

Step 2 : From the download folder, upload the file named map.php to your child themes root directory and swap out the Google API key with your own on line 16 in the file.

Register or login to access the download folder for members :

Register for full access

Related Tutorials

  • Displaying ACF Field Types In Genesis Template
  • ACF Show Checkbox Choice With Icon Only When Value Checked

Custom Fields

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.