A configurable OpenStreetMap Field for ACF.

podpirate

Hazzle free OpenStreetMap with <a href="https://www.advancedcustomfields.com/" rel="nofollow ugc">ACF</a>.
<h3>Usage</h3>
<h4>In the Fieldgroup editor:</h4>
Return Format:
<ul>
<li>
Raw data will return an array holding the field configuration.
</li>
<li>
Leaflet JS will return a fully functional leaflet map. Just include <code><?php the_field('my_field_name'); ?></code> in your Theme. 
You can choose from a long list of map styles and it supports multiple markers.
</li>
<li>
iFrame (OpenStreetMap.org) Will return an iFrame HTML. Only four map styles are supported 
– the ones you find on <a href="https://www.openstreetmap.org/" rel="nofollow ugc">OpenStreetMap</a> – and not more than one marker.
</li>
</ul>
Map Appearance: Pan and zoom on the map and select from the Map layers to set the initial map position and style in the editor.
Map Position: If you’re more like a numbers person here you can enter numeric values for the map position.
Allow layer selection: Allow the editors to select which map layers to show up in the frontend.
Height: Map height in the frontend and editor.
Max. number of Markers 
 – No value: infinite markers 
 – 0: No markers 
 – Any other value: Maximum number of markers. If the return format is iFrame there can ony be one marker.
<h3>Map Proxy</h3>
The plugin comes with a proxy mechanism for map tiles. If enabled the Browser will load the tiles from your server rather than directly from the tile provider.
Use the proxy to hide sensitive credentials from the users out there or if you have to comply with local privacy regulations. the European GDPR.
<h3>Development</h3>
Please head over to the source code <a href="https://github.com/mcguffin/acf-openstreetmap-field" rel="nofollow ugc">on Github</a>.
<h3>Credits</h3>
<ul>
<li><a href="https://www.advancedcustomfields.com/" rel="nofollow ugc">ACF</a> for sure!</li>
<li>The <a href="https://www.openstreetmap.org/" rel="nofollow ugc">OpenStreetMap</a> project</li>
<li><a href="https://leafletjs.com/" rel="nofollow ugc">The Leaflet Project</a></li>
<li>The maintainers and <a href="https://github.com/leaflet-extras/leaflet-providers/graphs/contributors" rel="nofollow ugc">contributors</a> of <a href="https://github.com/leaflet-extras/leaflet-providers" rel="nofollow ugc">Leaflet providers</a></li>
<li>The <a href="https://github.com/perliedman/leaflet-control-geocoder/graphs/contributors" rel="nofollow ugc">very same</a> for <a href="https://github.com/perliedman/leaflet-control-geocoder" rel="nofollow ugc">Leaflet Control Geocode</a></li>
<li><a href="https://www.domoritz.de/" rel="nofollow ugc">Dominik Moritz</a> who delighted us with <a href="https://github.com/domoritz/leaflet-locatecontrol" rel="nofollow ugc">Leaflet locate control</a></li>
<li>Numerous individuals and organizations who provide wonderful Map related services free of charge. (You are credited in the map, I hope)</li>
<li>The proxy feature was inspired by an article by Klaus Meffert, Dr. DSGVO Blog, <a href="https://dr-dsgvo.de/datenschutzfreundliches-karten-plugin-fur-webseiten-statt-google-maps-neue-moglichkeiten" rel="nofollow ugc">Link (German)</a></li>
</ul>

ACF OpenStreetMap Field

Just alone not dealing with the Google API and their billing, where they will "safeguard" my credit card number turned my head around.

Working as expected (almost perfectly), is the icing on the cake !

My only regret: It took me until today to accidentally finding this plugin. I wish I could give it 10 stars... one less headache for me to deal with !

Thanks for this plugin. 

Alternatives to ACF OpenStreetMap Field

Top alternatives