Parking and transport
How far the car park or station is.
Content / widget · Elementor module
ACF Location Distance Widget Plugin for Elementor
Show the straight-line distance between two ACF Google Map fields on the post, such as 510 m or 76.6 km, with the places named, a walking time and a route link.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / ACF location distanceProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
Try it
These are the actual published widgets reading Google Map fields saved on the demo page.
02 / Inside WordPress
ACF location distance controls in Elementor
Distance picks the two Google Map fields, the units and decimal places, the text with placeholders, the text for the same place, naming the places, the walking speed, a Google Maps route link with its travel mode and text, text before and after, text for a missing location, the HTML tag and an icon. The Style tab covers the text and surface, the distance, places line and link, and the icon.
03 / Website use cases
Where to use acf location distance
Venues, shops and properties often save more than one location in ACF, such as the venue and the nearest car park or station, and visitors want to know how far apart they are. This widget works out the straight-line distance between two Google Map fields on the current post from their saved coordinates, in metres, kilometres, yards or miles, names the two places, can estimate the walking time and links to the route on Google Maps, without loading a map.
Day trips
How far the destination is.
Property listings
Distance to a school or town centre.
04 / Installation and setup
How to show the distance between two ACF locations in Elementor
Start with Complementor installed and your license connected. Enable this module in the WordPress library, then configure it in Elementor.
Install Advanced Custom Fields and Complementor, connect your license and enable ACF location distance in the Complementor library.
Add two Google Map fields, such as Venue and Parking, and set them on your posts.
Add the widget to the post or its template and choose the two fields.
Choose the units and write the text with {distance}, {walk}, {from} and {to}.
Turn on the route link if you want one.
05 / Content and style controls
Customize acf location distance in Elementor
Configure the settings available for this module to suit the page you are building.
Straight-line distance from saved coordinates.
Metres or kilometres, yards or miles, or both.
The two places named under it.
A walking-time estimate at a pace you set.
A Google Maps route link for walking, driving, transit or cycling.
No map loaded and no request to Google.
06 / Choose the right approach
ACF location distance and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
ACF location directions
A directions link for one location.
ACF postal address
A formatted address.
07 / Requirements and compatibility
ACF location distance compatibility with Elementor
- Requires Elementor and Advanced Custom Fields.
- Reads two Google Map fields saved on the post being viewed; distances are in a straight line.
- The route link opens Google Maps; nothing is loaded from Google on the page.
Complementor uses classic Elementor APIs. Atomic-native controls are not implemented. Check your theme, cache and integrations on a staging site before release.
08 / Common setup problems
Troubleshoot acf location distance
Check these settings if the published page behaves differently from the editor.
Why do I see nothing?
One of the Google Map fields is empty or has no coordinates on this post.
Why is the walk longer in real life?
The distance is in a straight line; streets add to it. Use the route link for the real route.
Why does it say Same place?
The two locations are under 10 metres apart; empty that text to show the distance instead.
ACF location distance plugin questions
Does it need Elementor Pro?
No. It works with the free versions of Elementor and Advanced Custom Fields.
Does it need a Google Maps API key?
No. It uses the coordinates already saved in the fields and loads no map.
Can it show miles?
Yes. Choose miles, or kilometres with miles.
How is the walking time worked out?
From the straight-line distance at the pace you set, 4.5 km/h by default.
Is it accessible?
Yes. The distance and places are text, the route link says it opens Google Maps in a new tab, and the icon is decorative.
10 / Annual All Access subscription
Get acf location distance with Complementor
This module is included with all 1007 current Complementor solutions. Choose your production website allowance; every plan includes the same modules.
One website
$29USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $29 USD each year.
A few websites
$49USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $49 USD each year.
More websites
$99USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $99 USD each year.
Applicable taxes extra. Annual subscriptions renew automatically unless canceled in your customer account. Elementor Pro is required for Exclude current post. Read the terms and 14-day technical-issue refund policy.