我需要使用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()是否具有某些输入格式? 我们是否以特定格式提供输入? 请帮我。

提前致谢!!

  ask by Rathi translate from so

本文未有回复,本站智能推荐: