美国地图插件需要帮助

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

任何人都有使用这种地图的经验吗？感谢您的时间:-)

来源

2013-07-27 prototype

你最好联系插件的作者。这可能是他们可能想添加的功能。 – jeff

对于问题1，有人已经这样做了。它在Github上作为一个请求： https://github.com/NewSignature/us-map/pull/16我希望这有助于。 – rickrussie

使用矢量绘图工具（比如Inkscape中）中加入地区名称为SVG文件，然后替换现有Blank_US_Map.svg

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

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

来源

2013-07-27 07:50:08 Orangepill

美国地图插件需要帮助

回答

相关问题