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 ?
-
- Make sure you have created a “Leaflet Map” field
- 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') ); ?>
- Go to leaflet map documentation and draw your 1st map!
Reviews
Contributors & Developers
“Advanced Custom Fields: Leaflet Map Field” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Advanced Custom Fields: Leaflet Map Field” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.0.0
- Initial Release.