The hottest news from everywhere for everyone!

Add Google Maps Distance Calculation to your WordPress Form

Google has some really cool toys when it comes to extending functionality on your website or web application. The Google Maps family of APIs allows you to add really interesting and powerful functionality to your website. With the Piotnet Form Builder and the APIs available on the Google Cloud Platform, you can do some really powerful stuff. You’ll need a few things from the Google API toolkit, including the Maps, Places, and Distance matrix APIs.

In this video, I’ll show you how to build a very simple form on your website and by using some of the Google Maps APIs available on the Google Maps platform along with the Address autocomplete fields to turn your form into a basic fare calculator, or anything you can think of to apply this to, for that matter.

Get 10% off your Piotnet Forms or PAFE purchase by using the Coupon Code: ultimatewpguide

{{ reviewsTotal }}{{ options.labels.singularReviewCountLabel }}
{{ reviewsTotal }}{{ options.labels.pluralReviewCountLabel }}
{{ options.labels.newReviewButton }}
{{ userData.canReview.message }}

About the Author

I am very passionate about Web Design and Education. When I started out 10 years ago, I didn’t have nearly as many resources as available nowadays.

I feel that it is my obligation to put out great content and to share my experiences to help others master WordPress.

Every time you click on a link on this site that leads you to purchase any of the products we refer to in our articles or resources, I get paid a commission. This is what helps me to keep this resource alive. I appreciate your support!

Recent Tutorials

Which Elementor Addons should I use ???
How to install Google Tag Manager on your WordPress site
PiotnetGrid Quick Overview - New WordPress Grid Builder by Piotnet


Smash Balloon

Sign up for our Newsletter