How to integrate ACF and Google Maps API

In this video I will walk you through how to integrate a google map in a WordPress website and customize it with Advanced Custom Fields. This tutorial is great if you are wanting to customize the look and feel of your google map. It walks you through how to add custom colors, a zoom in/out, etc.

For all links and information visit the full blog post.
Blog Post: https://wpcliffsnotes.com/2018/05/03/...

Table of Contents
Setting up Custom Fields
0:47 ➜ Explain what we are creating
1:15 ➜ Google Map API snippet from ACF Website or Awesome ACF
1:50 ➜ Get a Google API Key
2:25 ➜ ACF Documentation
3:00 ➜ Creating Field Group and Custom Fields
4:34 ➜ Create WP page template  - Documentation
12:30 ➜ Codyhouse.co - Google Map

Starting to Code Map and Custom Fields
13:44 ➜ Map Array
16:00 ➜ Copy HTML from Codyhouse Project files
18:20 ➜ Copy CSS from Codyhouse Project files
16:00 ➜ Copy HTML from Codyhouse Project files
20:13 ➜ Copy Javascript from Codyhouse Project files
22:20 ➜ Add ACF Fields to Javascript

Sign-up for my Weekly Newsletter ➜ https://wpcliffsnotes.com/join-newsle...

Advanced Custom Fields Class ➜ http://acfclass.com

(This is an Affiliate Link /It will help you and me)
Check out SiteGround ➜ https://ctwds.com/siteground

Background Music ➜ https://goo.gl/3iN47Z

//📽 🎬 Equipment Used 🎬 📽 //

Camera:
Canon PowerShot SX530 Digital Camera ➜ https://amzn.to/2JeYN33
AmazonBasics 50-Inch Tripod with Bag ➜ https://amzn.to/2q7AoFx

Microphone:
Blue Yeti USB Microphone ➜ https://amzn.to/2q3DEAR
Adjustable Boom Studio Scissor Arm Stand ➜ https://amzn.to/2H71rIh
Knox Gear Blue Yeti Shock Mount ➜ https://amzn.to/2H7YQ0C
Dragonpad USA Pop Filter Studio ➜ https://amzn.to/2M3iTyG

Support Us on Patreon ➜   / wpcliffsnotes  

Instagram:   / wpcliffsnotes  
Twitter:   / wpcliffsnotes  
Facebook:   / wpcliffsnotes  
Website: https://wpcliffsnotes.com/
Email: [email protected]