需要一个Javascript图形省选择器

Question

我需要一个图形省选择器，如本页面上的选择器：http://www.getmoreofwhatyoulove.ca/en_CA/。如果有人知道一个，最好是以jQuery插件的形式，那将是非常棒的。感谢。

Answer 1

此网站提供了供您使用的图片和地图：

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

它不像你链接的那个漂亮，但代码会很直接。包括图片和该网站的<map>（遵循该网站的说明）。从每个href中删除<area>，然后添加一个类或自定义属性，指示省名（或某个省ID，或者您需要的任何内容）。然后绑定到每个<area>的点击事件：

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