[RoadMap] Image map question

[SamMousa]

Are you requesting a feature, reporting a bug or asking a question?

Feature / suggestion.

I noticed that you have an image map question type listed on the roadmap for 2024, nice!

We've implemented one as a custom question type currently, it uses Fabric.js inside the designer to allow the user to define zones. Leaving this here for inspiration.

https://app.collecthor.nl/cm/simple/51567/1870696624/sEKDuDev_O0P6zAt1Nh95FCoJ1IDc0vD2nSuMcET3G0

The designer looks like this:

I'm happy to share the source for inspiration or even if you just want to use it. (Fabric.js is a big dependency to import though..)

[andrewtelnov]

@SamMousa Thak you very much for your offer. We have this widget in our roadmap. I beleive we will review your code when we start working on it.
The requirement we have. It should not rely on the third-party solution unless it is a tiny library that we can include inside. We need to add unit, functional tests and it should support all frameworks we have.
By that time, I believe it will be: Angular, react, vue3 and pReact. (jQuery will use pReact inside).

Thank you,
Andrew

[JaneSjs]

• T20401 - Image Interactivity
  https://surveyjs.answerdesk.io/internal/ticket/details/T20401
• T17450 - Map integration as custom question
  https://surveyjs.answerdesk.io/internal/ticket/details/T17450

[SamMousa]

Hey, congrats on 2.2! Very cool stuff. Looking forward to native image map support, let me know when you start on it!

[MarchTokenda]

@SamMousa We’ve implemented the new imagemap functionality that you previously requested.
We’ve prepared a few examples so you can see it in action. We would greatly appreciate it if you could take a look and share your feedback.

https://plnkr.co/edit/t2BSnx5EcxosO1xB - Car Rental
https://plnkr.co/edit/kv5GTBzKJANQL1hy - Human Body Joints Issue
https://plnkr.co/edit/txx6aSXa9p4av498 - USA States Rate

We are still working on the functionality in Creator, so it is not available there yet

If you have any ideas for improvements or additional requests, we’d be happy to discuss.