What is the best way to make clickable regions over an image using html/javascript?

I need to make a program that allows users to look at the tickets available for certain sections of a stadium. To do this, I need to make clickable regions over a map of the stadium similar to how Ticketmaster and other websites allow you to click on certain sections of a stadium. The map and regions must also be mobile friendly so that users can interact with the page from their phone.

What is the best way to do this? I have considered both using html map and area tags, as well as using svg regions. I am not sure which one will be easier and more reliable, or if there are better alternatives to those options. Thank you in advance for your help!