JVector映射onRegionClick事件
JVector Map onRegionClick Event
所以在JVector map中,我需要一个将每个区域链接到URL的函数。如果你点击南非,它会把你带到一个关于南非的信息页面。我知道从onRegionClick: function ()
开始,但从那里开始对我来说是个谜。
嗯,正如文档所说:
onRegionClick
回调函数,当用户单击区域路径。区域代码将被传递给回调函数论点。
因此,每次单击一个区域时,该区域的代码将传递给处理程序。然后,如果代码是你需要的所有在你的下一页,你可以把它作为查询字符串传递。
onRegionClick: function (event, code) {
window.location.href = "yourpage?regionCode=" + code
},
如果您需要区域的实际名称而不是代码,您可以使用一个方便的getRegionName
方法。
var regionName = map.getRegionName(code);
你可以使用这个html body
<div class="map_jvector"></div>
和javascript
<script>
$('.map_jvector').vectorMap({
map: 'africa',
backgroundColor: '#ffffff',
onRegionClick:function(event, code){
var name = (code);
window.location.replace("http://your url address/"+code+"");
},
series: {
regions: [{
values: gdpData,
scale: ['#003471','#009eef', '#0076a3','#0d004c','#f26522','#9e0039'],
normalizeFunction: 'polynomial'
}]
},
onRegionTipShow: function(e, el, code){
el.html(el.html());
}
});
</script>
将链接"您的url地址"更改为您的链接地址&
相关文章:
- 分派点击事件并保留击键修饰符
- 模糊事件的Javascript测试
- keyup事件处理程序更改焦点不适用于快速键入
- 使用 jQuery 的 .on 函数如何获取事件的原始元素
- 如何使Javascript动态html表及其上的事件
- 使用类从一个标记中双击事件
- 如何在未直接触发的情况下停止事件
- 如何在elfinder插件(一个文件管理器插件)上获得上传前事件
- 对iPad上的点击事件反应缓慢
- 事件和状态
- Fancybox是否将Click事件静音
- 主干-不管怎样,检查事件以前是否绑定过
- 从控制器返回后Ajax启动事件激发
- 如何从画布上的某个移动事件中获取X和Y
- Jquery:未触发select事件
- JsFiddle上的鼠标事件不起作用
- 只覆盖箭头键滚动事件
- $window.ga在AngularJS事件中未定义
- cron作业与Javascript计时事件
- JVector映射onRegionClick事件