如何使用带有d3.js的geojson绘制地图

Question

我正在尝试使用d3.js从geoJson文件创建地图

  var canvas = d3.select("#map").append("svg")
  .attr("width", 500)
  .attr("height",500)

  d3.json("WebContent/WEB-INF/data.josn", function(data){
  console.log(data)
  var group =canvas.selectAll("g")
  .data(data.features)
  .enter()
  .append("g")
  var projection = d3.geo.mercator().scale(7300).translate([0,1980])
  var parh = d3.geo.path.projection(projection);
  println(data)
  var areas = group.append("path")
  .attr("d", path)
  .attr("class","area")
  .attr("fil","steelblue")

当我打开HTML页面时，我没有得到任何地图