Невидимая карта при рендеринге карты d3. js geojson - PullRequest
0 голосов
/ 27 марта 2020

Мне нужно отобразить карту с помощью d3. js и geo json проблема в том, что мой тег svg создан, но я не вижу свою карту.

Вот мой код:

index. html

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="utf-8">
    <title>Visualiser des données avec D3</title>
    <script src="d3.min.js"></script>
</head>
<body>
</body>
 <script src="script.js"></script>
</html>

script. js

var body=d3.select("body");
var svg=body.append("svg");
svg.attr({"width":"600px","height":"600px"});
var path = d3.geo.path();
var projection = d3.geo.conicConformal()
    .center([2.454071, 46.279229])
    .scale(3000)
    .translate([300,300]);
path.projection(projection);
d3.json("departments.json", function(geoJSON) {
    var map=svg.selectAll("path").data(geoJSON.features)
    map.enter()
        .append("path")
        .attr("fill","white")
        .attr("stroke","black")
        .attr("d", path);
});

Мои отделы. json содержит полигоны для французских отделов.

Вот результат в моем браузере:

...