html - HTML 画像マッピング コード

Question

こんにちは、以前はイメージ マップを正しく作成していましたが、今回はどこが間違っていたのかわかりません。URL が配置されていないことは理解していますが、それは問題ではありません。マップの必要な部分にカーソルを合わせると、マウスがクリック可能な外観に切り替わっていません。上級者の方に感謝します!

<img src="cities.png" width="900" height="950" border="2" usemap="#places">
<map name="places">
<area shape="circle" coords="1445,690,23" href="">
<area shape="poly" coords="1118,887,1144,874,1175,893,1164,857,1189,840,1157,835,1146,802,1135,836,1102,837,1126,858,1126,861,1126,862" href="">
<area shape="circle" coords="1098,906,24" href="">
<area shape="circle" coords="408,1101,24" href="">
<area shape="circle" coords="356,987,24" href="">
</map>

Answer 1

形状に指定した座標が画像自体の境界を超えているようです。

これらは、エリア タグの「coords」属性内の値です。

それでも問題が解決しない場合は、CSS を使用してカーソルをポインターに変更する必要がある場合があります。

area {
    cursor: pointer;
}