Hazzle free OpenStreetMap with ACF.
In the Fieldgroup editor:
Raw data will return an array holding the field configuration.
Leaflet JS will return a fully functional leaflet map. Just include
<?php the_field('my_field_name'); ?>in your Theme.
You can choose from a long list of map styles and it supports multiple markers.
iFrame (OpenStreetMap.org) Will return an iFrame HTML. Only four map styles are supported
– the ones you find on OpenStreetMap – and not more than one marker.
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.
Please head over to the source code on Github.
- ACF for sure!
- The OpenStreetMap project
- The Leaflet Project
- The maintainers and contributors of Leaflet providers
- The very same for Leaflet Control Geocode
- Dominik Moritz who delighted us with Leaflet locate control
- Numerous individuals and organizations who provide wonderful Map related services free of charge. (You are credited in the map, I hope)
Follow the standard WordPress plugin installation procedere.
I found a bug. Where should I post it?
Please use the issues section in the GitHub-Repository.
I will most likely not maintain the forum support forum on wordpress.org. Anyway, other users might have an answer for you, so it’s worth a shot.
I’d like to suggest a feature. Where should I post it?
Please post an issue in the GitHub-Repository
I am a map tile provider. Please don’t include our service in your plugin.
The provisers list is taken from Leaflet providers, so requests for an unlisting should go there first.
If you want your service to remain in Leaflet Providers, you can Post an issue in the plugin’s GitHub-Repository.
Please provide me some way for me to verify, that you are acting on behalf of the Tile service provider your want to exclude.
(E.g. the providers website has a link to your github account.)
Im getting these “Insecure Content” Warnings
Some providers – like OpenPtMap or MtbMap – do not support https. If these warning bother you, choose a different one.
Why isn’t the map loading?
There is very likely an issue with the map tiles provider you’ve choosen. Some of them might have gone offline or have suspended their service. Choose another one.
I need to do some fancy JS magic with my map.
Will you anwser support requests via emails?
Contributors & Developers
“ACF OpenStreetMap Field” is open source software. The following people have contributed to this plugin.Contributors
Fix: PHP notice version_compare
- JS: use IntersectionObserver to detect whether a map has become visible
- Fix: ACF field not inited in Flexible Content and repeaters
- Fix: JS recursion
- Fix: fit bounds not working
- Fix: marker drag not triggered
- Fix: marker unique-IDs not always created
- Fix: Block editor issues
- Fix: JS ReferenceError on move marker with max markers = 1
- Fix: Disable provider settings not displaying
- Fix: JS Error if some providers are disabled
- Backend UI: Attribution below map
- ACF Field: Introduce conditional logic
- Fix: Some map controls not visible in Blockeditor sidebar
- Fix: Marker instructions display
- Providers: Migrate Stamen to Stadia Maps
- Providers: Update Esri Ocean base map, OpenAIP, Opensnowmap, OpenWeathermap, OpenFireMap, NLS, OpenRailwayMap, Jawg, MapTiler, MtbMap, nlmaps
- Providers: Remove HERE (Legacy), Hydda (service down)
- JS: Rewritten ACF integration
- Use Leaflet noConflict
- Refactor JS
- Geocoder: Address detail level is now controlled by map zoom
- Geocoder: Provide filters for configuration overides
- Fix: Make JS event
- Fix: JS Crashes in ACF Blocks
- Fix: Weird coordinates (worldCopyJump)
- Fix: JS – acf hook
acf-osm/create-markerundefined argument + not firing on geocode
- Fix: JS Error on append repeater
- JS: remove console.log
- Fix: admin js broken after jquery removal
- UI: Adapt to ACF 6 field group admin
- JS API: do acf actions on marker events
- JS Frontend: remove jQuery dependency
- Data: add geocode results to raw data
- Fix: search submit button did not submit
- Fix: print template script only if input element is present
- Fix: value sanitation. Shold now work with Frontend Admin for ACF
- Fix: Admin Marker styling broken
- Fix: PHP Fatal with suki theme
- Fix: include leaflet control geocode assets
- Fix: locate control API
- Upgrade leafletjs, leaflet-control-geocoder, leaflet-providers, leaflet, leaflet.locatecontrol to latest releases
- Remove HikeBike map provider
- Support ACF Rest API integration (since ACF 5.11)
- Fix: PHP 8 compatibility
- Fix: iframes in block preview not editable
- Fix: quote missing on html attribute in osm template
- Test with WP 6.0
- Fix: No such variant of OpenStreetMap (Mapnik)
- Fix: Popups not opening in Safari
- Quick and dirty Fix: invalid (localized) lat/lng object.
- Fix: JS Event acf-osm-map-marker-create not applying marker options
- Theme Overrides: Override map output in your theme
- Breaking Change: Use native JS Events
- Breaking Change:
osm_map_iframe_templatefilter gone in WP 5.5
- Fix: jQuery 3.x (WP 5.6) compatibility
- Fix: Map not showing on login form
- Fix: Providers not loaded if webroot owner is not www-user
- Upgrade: Leaflet 1.7.1
- Upgrade: Leaflet Providers 1.11.0
- Upgrade: Leaflet Control Geocoder 2.1.0
- Fix: Duplicated Row (ACF 5.9+)
- Upgrade FreeMapSK, CyclOSM
- Feature: Settings page allowing you to disable specific map tile providersw
- Feature: Fit markers in view (backend)
- Upgrade: leaflet-providers, leaflet-control-geocoder, leaflet.locatecontrol
- UI: Add Settings link on plugins list table
- Fix: hide map provider with unconfigured api key from layer selection
- Upgrade: leaflet-control-geocoder, leaflet.locatecontrol, leaflet-providers
- Security hardening
- Feature: make marker address formats localizable.
- JS: pass map init object along with acf-os-map-create event
- UI: hide add marker at my location button if markers cant be added
- Feature: Add locate me button to backend
- Fix: Geocoder search result still visible after marker added to map.
- Fix: Required field and max_markers = 0 never saved
- Fix: HERE app code not included in api requests
- Feature: Observe DOM for newly added maps
- Feature: allow manipulation of layer config in JS
- Fix: JS event ‘acf-osm-map-marker-create’ not triggered
- JS: added event Listener for ajax-loaded maps. Use
$(my_map_div).trigger('acf-osm-map-added');on each newly added map.
- Upgrade LeafletJS to 1.6.0
- Upgrade Leaflet Providers to 1.9.0
- Upgrade Leaflet Control Geocode to 1.10.0
- Fix: Redraw maps when they become visible
- UI: Better formatting for automatic marker labels
- Fix: Map controls zindex in Block-Editor
- Fix: Adding markers not working on mobile devices
- Fix: PHP Strict Standards message
- Fix: Required Field behaviour – “required” means now “must hava a marker”
- UI: Usability Improvements
- Tested: Verfied Compatibility with Widgets, Block-Editor, Frontend Form
- Stored data pretty much like google map field
- Code: Refactored JS
Convert Values from ACF Googlemaps-Field