カスタム連絡先を作成する最良の方法私たちの地図

Question

私は異なる地域で地図を作成したいと思います。領域がロールオーバーされるとその領域が点灯し、その特定の領域にリンクします。

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

Answer 1

"Best"はこの場合、非常に相対的に高い概念です。

HTML画像マップは、多くの開発者が「非推奨」とみなしていますCSSで配置されたオーバーレイは、矩形領域でうまく機能することがありますが、時に優れていますが、イメージマップは円形領域や多角形領域を扱うのに一意に適しています。

しかし、特定の領域にマウスを置いたときに画像が「点灯」するようにするには、面倒な問題があります。画像やCSS/JavaScriptだけでこれにアプローチすることは可能です.JQueryプラグインを作成して昨年の仕事を自動化しましたが、SVG/Canvasグラフィックスを使って処理するプラグインがあります。

先頭のプラグインはhereです。