Мне нужно отобразить карту с помощью 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 содержит полигоны для французских отделов.
Вот результат в моем браузере: