我试图通过在地图上添加新的svg来显示弹出窗口,其中包含有关所选国家/地区的信息。
这是每次点击一个国家时调用的函数:
...
done: function(datamap) {
datamap.svg.selectAll('.datamaps-subunit').on('click', function(geography) {
map.selectedCountry(geography.properties.name);
});
}
});
map.addPlugin('selectedCountry', function(layer, country) {
map.svg.selectAll('.datamap').append('g')
.attr("width", 100)
.attr("height", 100)
.style("fill", "black")
});
尽管如此,我没有看到地图有任何变化,即使我检查了元素,我也可以看到添加了新的g
元素。