javascript - 需要美国地图插件帮助

Question

我是 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);
}
});

有人有使用这张地图的经验吗？谢谢你的时间 ：-）

Answer 1

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

实现您想要更改的链接行为

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