Making an interactive 'map'

Hello, I have a website focused on LED lighting products. I would like to create an application areas page as an interactive map. I’m thinking to have a big image of a city (simcity style but less cartoony) and would like it so people can hover/click parts of the city to take them to relevant products.

For example, they hover over a skyscraper and it highlights the building/shows basic info such as products. Then they would click the skyscraper and it would take them to an inside view of an office, where they can then click different lighting elements to see the products.

I hope this makes sense and somebody can help, thanks.