点击国家/地区时,D3数据地图弹出模板

时间:2016-01-26 11:09:35

标签: javascript d3.js

我试图通过在地图上添加新的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元素。

0 个答案:

没有答案