ACF: Image Hotspots Field Plugin
Advanced Custom Fields add-on to allow the capturing of coordinates on an image, based on user clicks.
How to Use:
- Install plugin
- Create a custom field of this type & link it to an image field
- Go to the admin section you made the field for & add an image to the linked field
- The image will then load in the image mapping field, click to capture the coordinates, relative to the image
- Coordinates are stored as comma separated strings
TODO:
- Square mapping
- Polygon mapping
Compatibility
This ACF field type is compatible with:
* ACF 5
Installation
- Copy the
acf-relative_coordinates folder into your wp-content/plugins folder - Activate the Image Hotspots plugin via the plugins admin page
- Create a new field via ACF and select the Image Hotspots type
- Please refer to the description for more info regarding the field type settings
Screenshots

This shows the setup in the ACF settings for a hotspot field

This shows the setup in the ACF generated admin fields


This shows the final product of what the hotspot field can produce

This illustrates that the linked image can be a sibling to the hotspot field itself, or any of it's repeater parents
Changelog