Unscuzzy

<p>This plugin adds a Leaflet map field to the Advanced Custom Fields plugin.</p>
<h4>Create the backend field</h4>
<p>You can add a leaflet map field using ACF like the Google Map field.</p>
<h4>Diplay the map in front-end</h4>
<p>Uses the classic ACF <code>get_field('field_name')</code> function to get field data (lat, lng, address & zoom).</p>
<p>Warning, the <code>get_field()</code> function does not display the map itself, for this, use the <a href="https://leafletjs.com/examples/quick-start/" rel="nofollow ugc">leaflet js map</a> documentation directly</p>
<h4>Compatibility</h4>
<p>This ACF field type is compatible with:<br />
* ACF 5 only (Pro & Free)</p>
<p>NB: If you’re using the ACF 4 Free version, you can upgrade to version 5 step by step <a href="https://www.advancedcustomfields.com/resources/upgrade-guide-version-5/" rel="nofollow ugc">on this page</a></p>


Advanced Custom Fields: Leaflet Map Field

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

Nashir Uddin

Tarekul Islam

<p>Add a map on WordPress site with <a href="http://leafletjs.com/" rel="nofollow ugc">LeafletJS</a>: a leading  open-source JavaScript library for mobile-friendly interactive maps.<br />
Easy Map tiles are provided by default through <a href="http://www.openstreetmap.org/" rel="nofollow ugc">OpenStreetMap</a>, do not need an API Key.  or <a href="https://www.google.com/maps" rel="nofollow ugc">Google Map</a> with API Key or <a href="https://www.bing.com/maps" rel="nofollow ugc">Bing Map</a> with an API Key.<br />
Can be set map with manual and auto generated shortcode based on the dashboard settings.</p>
<h4>Easy Map</h4>
<p><strong>How to Add or Create Map with Multiple Locations,Polyline and Ploygons – Video Tutorial</strong></p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/6aPZ3kxlQsg?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h4>Key Features</h4>
<ol>
<li><strong>Zoom Control:</strong> Allow users to manage zoom control.</li>
<li><strong>Height:</strong> Allow users to adjust map height as per their preference.</li>
<li><strong>Popup Message:</strong> Users can added HTML and Media supported Marker Popup message.</li>
<li><strong>Zoom Control Position:</strong> Allow users to manage zoom control position.</li>
<li><strong>Scroll Wheel Zoom:</strong> Allow users to manage Scroll Wheel Zoom.</li>
<li><strong>Full Screen Control:</strong> Allow users to manage Full Screen Control.</li>
<li><strong>Tile Layer:</strong> Multiple tile layer supported.</li>
<li><strong>Locations:</strong> Unlimited location support.</li>
<li><strong>Drawings:</strong> Multiple Drawings option supported.</li>
<li><strong>Store Locator:</strong> Unlimited Store locator support.</li>
<li><strong>Gutenberg Block :</strong> Gutenberg Block editor supported.</li>
</ol>
<h4>Use Cases – Map Solution and Integration  for Every Business</h4>
<p>Easy Map helps you build advanced location maps for any industry/business. Here are some popular use cases powered by Google Maps or OpenStreetMap via Leaflet:</p>
<ul>
<li>Retail Store Locator – Showcase nearby outlets, branches, or chain locations  </li>
<li>Restaurant Locator – Help users find your cafes, diners, or food franchises  </li>
<li>Real Estate Property Map – Display properties locaions </li>
<li>Hospital & Clinic Map – Show medical centers, diagnostic labs & walk-ins  </li>
<li>Gym & Fitness Center Locator – Promote local gyms, yoga studios & wellness hubs  </li>
<li>Shopping Mall Directory – Build interactive directories with category filters  </li>
<li>Hotel & Resort Locator – List resorts, Hotel and vacation rentals by location  </li>
<li>Car Dealership Map – Map showrooms, service centers, and authorized dealers  </li>
<li>Bank & ATM Locator – Help customers locate ATMs and branches  </li>
<li>Pharmacy Finder – Display medical stores and pharmacy locations  </li>
<li>Salon & Spa Locator – Show salons, nail bars, and beauty spas nearby  </li>
<li>Barber Shop Locator – Map grooming centers, barbershops, and hair stylists  </li>
<li>School & University Maps – Display educational institutions  </li>
<li>Event Venue Locator – Help users find event halls, venues, and stadiums  </li>
<li>Cinema & Entertainment Map – List theaters, gaming zones, and arcades  </li>
<li>Museum & Art Gallery Locator – Showcase local exhibitions and museums  </li>
<li>Government Office Map – Map municipal offices, courts, or embassies  </li>
<li>Toy Store Locator – Promote branded or local toy stores  </li>
<li>Garden Center & Nursery Map – Help users find garden shops and nurseries  </li>
<li>Bookstore Locator – Showcase independent and chain bookstores  </li>
<li>Electronics Store Map – Map mobile, computer, and appliance retailers  </li>
<li>Clothing Store Locator – Help users find fashion outlets and boutiques  </li>
<li>Service Center Locator – Map repair centers for electronics, cars, or devices  </li>
<li>Legal & Consultancy Locator – List law firms, advisors, and service offices  </li>
<li>Insurance Office Map – Show agents, offices, and policy assistance centers  </li>
<li>Dealer & Warehouse Locator – Display regional warehouses and distributors  </li>
<li>Childcare & Preschool Finder – Help parents locate daycares and nurseries  </li>
<li>Supermarket & Grocery Store Map – Show supermarkets, mini-markets, or organic stores</li>
<li>Post Office & Courier Center Locator – Find shipping centers and drop boxes  </li>
<li>Religious Center Locator – Show churches, mosques, temples, or community halls  </li>
<li>Library Map – Display public and academic library locations  </li>
<li>Veterinary & Pet Store Map – Highlight vets, clinics, or pet supply stores  </li>
<li>Hardware & Home Services Map – Show electricians, repair centers, or hardware stores  </li>
<li>Co-working Space Locator – Help users find shared office spaces or business hubs  </li>
<li>Construction & Project Map – Showcase new projects or development plots  </li>
<li>Wine & Liquor Store Map – Find wine shops and liquor outlets</li>
<li>Outdoor & Sports Store Map – Locate gear shops, bike rental points, etc.</li>
</ul>
<h4>Pro Features</h4>
<ol>
<li><strong>Different Marker Icon:</strong> Add different color marker icon to map.</li>
<li><strong>Dynamic Locations:</strong> Select multiple locations from dropdown .</li>
<li><strong>Dynamic Drawing:</strong> Select multiple drawing from dropdown.</li>
<li><strong>Marker Cluster:</strong> Add Marker cluster in store locator.</li>
</ol>
<h4>Why Choose This Plugin?</h4>
<p><strong>Whether you are running a local shop or a global brand shop, Easy Map helps you build responsive maps for your business.</strong></p>
<ol>
<li><strong>User-Friendly Interface:</strong> Simple to configure and customize.</li>
<li><strong>Optimized for Performance:</strong> Lightweight and built to ensure fast loading times.</li>
<li><strong>Responsive Design:</strong> Fully compatible with all devices and screen sizes.</li>
</ol>
<p>Easily create a <strong>map</strong> with auto generated shortcode like:</p>
<pre><code>[easy-map ID="168"]
[easy-map-store-locator ID="1"]
[easy-map-marker ID="1"]
[easy-map-marker ID="2"]
[easy-map-drawing ID="1"]
</code></pre>
<p>Easily create a <strong>map</strong> with manual shortcode like:</p>
<pre><code>[easy-map]
[easy-map lat='37.2811806' lon='-122.0569443' ]
[easy-map lat='37.2811806' lon='-122.0569443' zoom='12']
[easy-map lat='37.2811806' lon='-122.0569443' zoom='12' popup='Silicon Valley']
[easy-map lat='37.2811806' lon='-122.0569443' zoom='12' tilelayer='google']
</code></pre>
<p>Easily create a <strong>map marker</strong> with latitude , longitude :</p>
<pre><code>[easy-map lat='23.010228300829105' lon='91.38879596106436' ]
[easy-map-marker lat=23.010228300829105 lon=91.38879596106436 popup='Dhaka']
</code></pre>
<h3>Support</h3>
<p>For support, feature request, or any inquiries, please email at <a href="nashirbabu@gmail.com" rel="nofollow ugc">nashirbabu@gmail.com</a></p>


Easy Map – Store Locator,Google Maps,OpenStreetMap,Leaflet

Interactive WordPress map plugin for OpenStreetMap and Google Maps with markers,store locator,polylines and polygons with auto generated Shortcodes.

Advanced Custom Fields: Leaflet Map Field vs Easy Map – Store Locator,Google Maps,OpenStreetMap,Leaflet