This plugin hasn’t been tested with the latest 3 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

Not very precise search

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.

Works perfectly!

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 & Developers

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

Contributors

Changelog

1.0.0

  • Initial Release.