карта d3 не обрабатывается с использованием файла geojson - PullRequest
Новая
       16

карта d3 не обрабатывается с использованием файла geojson

0 голосов
/ 04 апреля 2019

Я новичок в d3 и пытаюсь создать визуализацию карты для одного из проектов. Невозможно отобразить карту D3. Я преобразовал шейп-файл в geojson, используя инструмент QGIS. Я перепробовал все ранее предоставленные решения. Восстановил геойсон в формате WGS84.

При преобразовании из шейп-файла в геоджон нам нужно использовать только файл .shp или остальные файлы .files? Не уверен, что проблема связана с кодом или файлом 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>
...