需要美国地图插件帮助答案

【问题标题】：US Map Plugin Help Required需要美国地图插件帮助
【发布时间】：2013-07-27 11:20:32
【问题描述】：

我是 jQuery 新手，我的项目使用了美国地图 JQuery 插件。

http://newsignature.github.io/us-map/

我成功地将地图添加到我的网页。但我需要 2 个额外的功能，但我不知道该怎么做。

1) 我想在上面显示每个州的缩写名称。

2) 我想通过单击直接链接到该状态页面。目前插件地图只显示选中状态。

这是插件的代码，HTML代码，

<div id="map" style="width: 350px; height: 250px;"></div>
<div id="clicked-state"></div>

Javascript 代码，

$('#map').usmap({
// The click action
click: function(event, data) {
$('#clicked-state')
.text('You clicked: '+data.name)
.parent().effect('highlight', {color: '#C7F464'}, 2000);
}
});

有人有使用这张地图的经验吗？感谢您的宝贵时间:-)

【问题讨论】：

您最好联系插件的作者。这可能是他们可能想要添加的功能。
对于问题 1，有人已经这样做了。它作为拉取请求在 Github 上：github.com/NewSignature/us-map/pull/16 我希望这会有所帮助。

标签： javascript jquery html jquery-plugins map

【解决方案1】：

使用矢量绘图工具（如 Inkscape）将区域名称添加到 SVG 文件，然后替换现有的 Blank_US_Map.svg

实现你想要改变的链接行为

$('#map').usmap({
// The click action
click: function(event, data) {
      window.location.href = date.name+".html";
  }
});

【讨论】：