Question

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

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

我成功将地图添加到了我的网页。但我需要2个额外的功能，我无法弄清楚该怎么做。

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

2）我希望通过点击它直接链接到该状态页面。目前插件地图仅显示选定状态。

这是插件的代码，HTML Code，

<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";
  }
});

需要美国地图插件帮助

1 个答案: