イメージマップが表示されない



  • イメージマップを設定したいのですが、下記の様にHTMLに登録したところリンクが反応しません。
    どなたか、アドバイス頂けますでしょうか?

    <img src="https://okiparu.com/wp-content/uploads/渋谷-再開発.jpg" usemap="#ImageMap" alt="渋谷観光マップ" />
    <map name="ImageMap">
      <area shape="rect" coords="223,22,450,254" href="https://okiparu.com/%e3%80%90%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b9%e3%82%ac%e3%82%a4%e3%83%89%e3%80%91%e8%bb%8a%e3%81%ae%e9%81%8b%e8%bb%a2%e3%81%af%e5%bf%85%e8%a6%81%e3%81%aa%e3%81%84%ef%bc%81%e9%82%a3%e8%a6%87%e7%a9%ba/" alt="" />
      <area shape="rect" coords="250,715,438,981" href="https://okiparu.com/%e3%80%90%e6%b2%96%e7%b8%84-%e5%8c%97%e9%83%a8%e3%80%91%e5%a4%a7%e4%ba%ba%e3%82%82%e6%ba%80%e5%96%ab%ef%bc%81%e9%80%b2%e5%8c%96%e3%81%97%e3%81%9f%e3%80%8c%e3%83%8a%e3%82%b4%e3%83%91%e3%82%a4%e3%83%8a/" alt="" />
      <area shape="rect" coords="1183,576,1328,884" href="https://okiparu.com/" alt="" />
      <area shape="rect" coords="1015,402,1177,693" href="https://www.yomiuri.co.jp/local/kyushu/news/20230221-OYTNT50027/" alt="" />
      <area shape="poly" coords="1022,108,1058,111,1071,230,1057,329,1278,327,1276,353,1063,362,1036,397,988,407,1003,234,1523,107" href="https://4travel.jp/domestic/area/okinawa/okinawa/themepark" alt="" />
    </map>
    

    WordPressのバージョン :
    ご利用のサーバー名 :
    PHPのバージョン :
    OS :
    ご利用のブラウザ :
    該当サイトのURL :