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.

Freemius

100plugins

<p>An awesome map with features like: multiple regions as tabs, no API keys needed, frontend location adding, marker clustering & beautiful map and marker styles.</p>
<h3>What does it do?</h3>
<p>An awesome map with features like: multiple regions as tabs, no API keys needed, frontend location adding, marker clustering & beautiful map and marker styles.</p>
<h3>If you want to focus on letting your visitors add markers by themselves check out my other more popular plugin Open User Map. It’s based on this plugin but has a lot more features.</h3>
<p><a href="https://wordpress.org/plugins/open-user-map/" rel="ugc">Open User Map</a></p>
<p>Look at the Demo and use-cases <a href="https://www.locations-and-areas.com/" rel="nofollow ugc">here</a>. You can even add your own locations right away. Give it a try!</p>
<p>Showcase widely distributed locations on a single map with additional navigation tabs for regions. The map is based on <a href="https://leafletjs.com/" rel="nofollow ugc">Leaflet JS</a> and offers you several free map styles. So you do not need an API Key, Access Token or any other external registration. There are no API request limits.</p>
<p>Adding locations is as simple as dropping a location marker on a map. You can search for addresses worldwide to quickly find the right spots. Use the Gutenberg Block to integrate your map or place the shortcode anywhere on your site. Close by locations will group together in clusters. This is optional.</p>
<p><strong>🎅✨ The PRO Version now has a free 7-day trial period. No credit card required!</strong></p>
<h3>Let your visitors “fly” back and forth between widely distributed locations with the additional area navigation</h3>
<p>Make use of Areas (Regions) to provide different focus points to your visitor.</p>
<p><iframe loading="lazy" title=""Flying" with Open User Map WordPress Plugin" width="750" height="563" src="https://www.youtube.com/embed/GQsBmCvSXmU?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h3>Your visitors can add locations directly inside the map (frontend) [PRO Feature]</h3>
<p>Just by clicking a “+”-Button a form will popup to let them enter location details the same comfortable way you do it in the backend. After submit the location proposal will be “pending” and wait for your review approval to get published.</p>
<p><iframe loading="lazy" title="Visitors can add Locations from frontend with Locations and Areas WordPress Plugin" width="750" height="563" src="https://www.youtube.com/embed/pwvMj0uLGxE?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h3>List of free Features:</h3>
<ul>
<li>based on Leaflet</li>
<li>no API Keys</li>
<li>multiple map styles</li>
<li>multiple marker styles</li>
<li>locations with images</li>
<li>Shortcode with optional attributes</li>
<li>Gutenberg Block</li>
<li>marker clustering</li>
</ul>
<h3>PRO Features 🚀🚀🚀:</h3>
<ul>
<li>Frontend adding</li>
<li>Admin approval for pending locations</li>
<li>custom “Thank you”-message</li>
<li>More beautiful map styles</li>
<li>More marker icon styles</li>
<li>Direct support from the developer</li>
<li>Access all future PRO features</li>
<li>Request for features</li>
</ul>
<h3>A possible use case:</h3>
<p>You have offices in Europe, Asia and North America and don‘t want to include a whole world map or three separate maps for that. This plugin let‘s you set multiple focus areas within one map. Your visitors will switch (literally ”fly”) between your focus areas just by clicking the links on top of the map.</p>
<h3>Another use case:</h3>
<p>You have several stores in different cities. Your site visitors will be able to ”fly” between the cities to get an overview of the exact locations inside every city. You can set the zoom level for every area individually.</p>
<h3>…and another use case:</h3>
<p>You want to build a map service where your visitors can add locations on their own. This could be a travel blog or a something like our <a href="https://surfspots.locations-and-areas.com" rel="nofollow ugc">map with 500+ kite and windsurfing spots worldwide</a>.</p>
<p>**The possibilities are endless. We are very curious about what you are building with the help of our plugin. Please don’t hesitate to let us know or ask for feature requests in the support forum. As this plugin is under permanenent development we are keen to know what are the features that you need? Contact us!</p>


Locations and Areas – Leaflet Map with Region Tabs

I'm ussing this plugin instead "WP Store Locutor" because the google api restrictions with the payment method, this plugin is using openstreet maps.

Is very simple to use, just put latitude and longitude data from your location to make the marker point on the map and that it's all.

Great Plugin, thanks!

An awesome map with features like: multiple regions as tabs, no API keys needed, frontend location adding, marker clustering & beautiful map and m …

Advanced Custom Fields: Leaflet Map Field vs Locations and Areas – Leaflet Map with Region Tabs