我试验了d3.js以及如何实现框架。
在实验实施的这个阶段,我想让填充的国家在点击它们时创建警报。
最终目标是将警报更改为页面重新路由,使用国家/地区名称来决定将其路由到哪个页面。
非常感谢深入解释。
以下是代码:
var map = new Datamap({
element: document.getElementById('container'),
fills: {
PARTS:'green',
defaultFill: 'black'
},
data: {
USA: {
fillKey: 'PARTS'
},
IRL: {
fillKey: 'PARTS',
}
},
done: function(datamap) {
datamap.svg.selectAll('.datamaps-subunit').on('click', function(geography, data) {
if(data.fillKey=='PARTS'){
alert(geography.properties.name);
}
});
}
});