Javascriptグラフィカルな都道府県選択が必要

Question

私はこのページのようなグラフィック州のセレクタが必要です：http://www.getmoreofwhatyoulove.ca/en_CA/。誰かが、jQueryプラグインの形で、それを知っているなら、それは素晴らしいでしょう。ありがとう。

Answer 1

このサイトでは、イメージを持っており、それはあなたの使用のために提供しているマップ：

http://camping.about.com/library/graphics/xcanadamap.htm

それはあなたがにリンクされている1のようにきれいではありませんが、コードは非常にまっすぐ進むだろう。画像とそのサイトの<map>（そのサイトの指示に従う）を含めます。各<area>からhrefを削除して、都道府県名（または都道府県IDなど）を示すクラスまたはカスタム属性を追加します。次に、それぞれのクリックイベントにバインドします。<area>：

$("map[name=canmap] area").click(function() { 
    $("#hiddenProvinceInput").val(this.className); 
});