部屋のあるシンプルな建物の平面図 (jpg 画像) があります。これはマッピングされた画像です。私が欲しいのは、特定の部屋にマーカー/ポインターを追加することです。ユーザーが「CR1」を検索した場合、CR1 を表す画像のマップされた領域にマーカーを配置する必要があります。CR1 は Class Room 1 を意味します。これが私のコードです。
<img src="UG ground.jpg" alt="UG" usemap="#mymap"/>
<map name="mymap">
<area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">
<area shape="poly" coords="549,272,489,334,534,377,594,316" href="www.msn.com" target="_top" alt="CR1" name="room-1">
<area shape="poly" coords="578,244,621,201,662,240,622,286" href="#" alt="CR2">
<area shape="poly" coords="665,155,624,201,669,244,711,200" href="#" alt="CR3">