D3 js墨卡托输入类型

时间:2014-04-21 05:57:10

标签: json d3.js

我需要使用d3 js填充世界地图。这是我的代码

 $.post("dwr/jsonp/DataFetcher/getJsonData/"+year+"/"+column, { },
              function(data) {
          console.log('map data');

          $('#boodiv').remove();       
          $('#map').empty();


          console.log('loading map');
          console.log(d3.geo);
                  console.log('reply data');
                    console.log(data.reply);


                    var width = 960,
                      height = 960;

                  var projection = d3.geo.mercator()
                     .scale((width + 1) / 2 / Math.PI)
                     .translate([width / 2, height / 2]);

                   var path = d3.geo.path()
               .projection(projection);



                 var svg = d3.select("body").append("svg")
                       .attr("width", width)
                      .attr("height", height);
                       svg.append("path") .attr("d", path);
                       console.log('map is ready to draw');
                var map =svg.append("svg:g").
        attr("class","map");                                                              

           map.selectAll("path").data(data.reply).enter().append("svg:path").
         attr("d",path).append("svg:title").text(
                        function(d) {
                            return d.properties.DGPZ_NAME;
                        });

         });

我从DWR响应获得的输入将是json格式,如下所示       {          AT:“5.24”,
          AU: “7.73”          }

问题是地图没有填充。我的疑问是,mercator()会有一些输入格式吗?我们以特定格式提供输入吗?请帮助我。

提前致谢!!

0 个答案:

没有答案