Карта изображения с опцией выбора

Question

Как создать карту изображения с отдельными <select>?

мне нужно что-то вроде этого:

<img src="image.png" alt="Website map" usemap="#mapname" /> 
<map name="judete" id="judete"> 
    <area shape="poly" coords="474,300,485" href="#" alt="TL" judet="TL" text="Tulcea" /> 
    <area shape="poly" coords="309,393,305" href="#" alt="TR" judet="TR" text="Teleorman" /> 
    <area shape="poly" coords="498,336,501" href="#" alt="CT" judet="CT" text="Constanta" /> 
</map> 

и мне нужно использовать следующий код, чтобы щелкнуть область с карты

<select name="judete"> 
    <option value="Tulcea">Tulcea</option> 
    <option value="Teleorman">Teleorman</option> 
    <option value="Constanta">Constanta</option> 
</select> 

ли это Возможное?

Answer 1

пока не могу комментировать, так что я должен спросить, как это:

Вы имеете в виду вы хотите выпадающий список рядом с картой в случае, если пользователь не может щелкнуть места на карте?

Или вы имеете в виду выпадающий список, чтобы выйти, когда вы нажмете место на карте?

В любом случае, это возможно.