React image mapper override highlight for certain areas

Question

I am using the npm package react-image-mapper to map certain areas on a hotel floor plan image. Now I want to add a permanent red highlight on the rooms that are already booked and highlight other rooms with a different color on hover.

The react-image-mapper has the option to change the fillColor prop of the component. But it changes for all the areas. I want to change it for certain areas only. Is there a way to achieve this in react-image-mapper?

Answer 1

Are you using this library? If yes, then update it and you will have flexibility to change particular areas. If you do not find it then try downloading the library from this link.