This plugin hasn’t been tested with the latest three major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Advanced Custom Fields: Leaflet Map Field

Description

This plugin adds a Leaflet map field to the Advanced Custom Fields plugin.

Create the backend field

You can add a leaflet map field using ACF like the Google Map field.

Diplay the map in front-end

Uses the classic ACF get_field('field_name') function to get field data (lat, lng, address & zoom).

Warning, the get_field() function does not display the map itself, for this, use the leaflet js map documentation directly

Compatibility

This ACF field type is compatible with:
* ACF 5 only (Pro & Free)

NB: If you’re using the ACF 4 Free version, you can upgrade to version 5 step by step on this page

Screenshots

  • Backend field settings
  • Backend field example
  • Front-end output

Installation

From your WordPress dashboard
1. Visit Plugins > Add New
2. Search for “Advanced Custom Fields: Leaflet Field”
3. Activate “Advanced Custom Fields: Leaflet Field” from your Plugins page
4. Create ACF new leaflet map field from “Custom Fields” menu item

FAQ

Installation Instructions

From your WordPress dashboard
1. Visit Plugins > Add New
2. Search for “Advanced Custom Fields: Leaflet Field”
3. Activate “Advanced Custom Fields: Leaflet Field” from your Plugins page
4. Create ACF new leaflet map field from “Custom Fields” menu item

How to display the map in front-end ?
  1. Make sure you have created a “Leaflet Map” field
  2. In the template file, use the ACF classic “get_field()” function, (you can add this following code in your template page for debug)
    • <?php var_dump( get_field('my-field-name') ); ?>
  3. Go to leaflet map documentation and draw your 1st map!

Reviews

3 September 2018
The search function of this plugin is not precise at all. I was unable to mark specific address, only the whole town. If anyone can mark this address let me know how and I will change my rating. This is in Bulgaria: Айтос, ул. Васил Левски №1 or Aytos, 1 Vasil Levski str.
5 July 2018
I love this plugin that allow me to easily bypass the use of Google Map for my clients websites. Thanks a lot!
Read all 2 reviews

Contributors and Developers

“Advanced Custom Fields: Leaflet Map Field” is open source software. The following people have contributed to this plugin.

Contributors

Change Log

1.0.0

  • Initial Release.