Question

我是d3的新手，正在尝试为其中一个项目创建地图可视化。无法渲染D3地图。我已经使用QGIS工具将shapefile转换为geojson。我已经尝试了所有提供的较早解决方案。重新生成WGS84格式的geojson。

从shapefile转换为geojson时，是否还需要仅使用.shp文件还是其余的.file？不确定代码或geojson文件是否存在

<!DOCTYPE html>
 <html>
<meta charset="utf-8">
<style>
 path {
   fill: #ccc;
   stroke: #fff;
   stroke-linejoin: round;
 }
</style>

<body>

 <svg width="960" height="500"></svg>
 <script src="//d3js.org/d3.v4.min.js"></script>

 <script>
   var width = 960;
   var height = 620;

var svg = d3.select("body").
append("svg")
  .attr("width", width)
  .attr("height", height);

var chosenProjection = d3.geoEquirectangular()
  .scale(600)
  .translate([1300, 450])

var pathGenerator = d3.geoPath()
  .projection(chosenProjection);

var svg = d3.select("body")
  .append("svg")
  .attr("width", width)
  .attr("height", height);

d3.json("district.geojson", function(error, geoData) {
  console.log("redering map.......");
  console.log("geo data are:", geoData);

  svg.append("g")
    .selectAll("path")
    .data(geoData.features)
    .enter()
    .append("path")
    .attr("d", pathGenerator);

   });
 </script>
 </body>

</html>

d3地图未使用geojson文件渲染

0 个答案: