javascript - カスタムお問い合わせマップを作成する最良の方法

Question

さまざまな地域のマップを作成したいと思います。リージョンをロールオーバーすると、そのリージョンが点灯し、その特定のリージョンにリンクします。

HTML イメージ マップを使用するのが最適ですか?

Answer 1

この場合、「最高」は非常に相対的な概念です。

HTML イメージ マップは、そうではないにもかかわらず、多くの開発者によって「非推奨」と見なされています。CSS で配置されたオーバーレイは、長方形の領域で適切に機能し、場合によってはより適切に機能しますが、イメージ マップは、円形および/または多角形の領域を処理するのに特に適しています。

ただし、特定の領域にマウスを置いたときに画像を「点灯」させたい場合は、難しい問題があります。確かに、画像と CSS/JavaScript だけでこれにアプローチすることは可能です -- 私は昨年、仕事のためにこのプロセスを自動化する jQuery プラグインを書きました -- しかし、SVG/Canvas グラフィックスを使用してそれを処理する他のプラグインが存在します。

主なプラグインはこちらです。