Advanced Custom Fields: Leaflet Map Field

July 04, 2018

Advanced Custom Fields: Leaflet Map Field Plugin

Adds a Leaflet map field to the Advanced Custom Fields plugin.

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

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

Screenshots

  1. Backend field settings

    Backend field settings

  2. Backend field example

    Backend field example

  3. Front-end output

    Front-end output

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!

Changelog

1.0.0

  • Initial Release.

Details

  • Version: 1.0.0
  • Active installations: 400
  • WordPress Version: 4.9.6
  • Tested up to: 4.5.32
  • PHP Version: 5.6

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars