image map backend editor (kinda)

[carlitoselmago]

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.

[adrian]

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/

[carlitoselmago]

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