• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:クリッカブルマップのタップした場所をハイライト)

クリッカブルマップのタップした場所をハイライト

このQ&Aのポイント
  • Android 4 Chromeでクリッカブルマップのタップ場所がハイライトされない
  • iPhone対策のontouchstartなど試したが反応せず
  • クリッカブルマップはPCでもハイライトしない

質問者が選んだベストアンサー

  • ベストアンサー
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

mapでの座標指定は利用することができません。 もっとも良いのは、mapではなくスタイルシートで矩形領域を指定して、色がわかる部分だけ色を変えた背景に置き換えることです。 [例]日本地図で東京都に合わせると東京都の色が変わる方法 1) 通常のナビゲーションリストを作成します。 2) リンク(A要素)をスタイルシートで(sttic以外の)地図上にabsoluteで配置します。 3) 矩形領域にも地図と同じ背景を位置を指定して配置します。  (外見上は同じに見えます。) 4) その矩形領域にマウスオンすると、東京都部分だけ色の変わった地図に変更されます。  テキストブラウザやスクリーンリーダー、パソコンは無論、検索エンジンにも利用できる方法としたらこの方法が良いでしょう。ただしあまり複雑な図形には向きません。  スマホ限定でしたら、canvasを利用する方法が良いでしょう。これは人にアドバイスできるほど詳しくないのでご勘弁を