Jump to content

image map backend editor (kinda)

Recommended Posts

It's been twice this year as a PW developer where clients have asqued me to have a way to put content on specific coordinates of a picture. Something like what image maps are made of. But not necesarly on links, sometimes text, sometimes images and links. 

So I've been thinking to build an inputfield for that purpose. But I'm not sure how could it be the most flexible so I can share it in github/modules page.

Ideally it would need to work like a repeater field where you start uploading an image and then adding any custom field like title, url etc. So the user could add multiple elements floating over that image.

Does anybody here know the ideal way to start the arquitecture of something like that? I could just hardcode the fields I need for the website I have to code this month but it would be nice to be something more flexible.

Link to comment
Share on other sites

1 hour ago, adrian said:

Does this help? https://processwire.com/modules/fieldtype-image-marker/

I have modified it to use the coordinates, but not show the marker on the frontend.

Otherwise, perhaps you could build in fieldtype around this https://github.com/maschek/imgmap/

Thanks so much! I never found something useful like that. I guess I was using the wrong keywords

  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...