Voozh

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

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

👁 Image

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.

👁 Image

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