带有选择选项的图像映射

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

我还不能评论所以我不得不这样问：

你的意思是你想要一个地图旁边的下拉列表，以防用户无法点击地图中的地点？

或者您是指在地图上点击某个地点时出现的下拉列表？

无论哪种方式，都有可能。