Также не я, хотя есть проблемы с геоджонами, которые не связаны с его действительностью, всегда полезно выполнить проверку ошибок с помощью d3.json и т. Д.,
даю карту с D3.js. Я начал с загрузки шейп файла страны (Канада) здесь:https://www.arcgis.com/home/item.html?id=dcbcdf86939548af81efbd2d732336db
..и преобразовал его в геойсон здесь (ссылка на файл ниже):http://mapshaper.org/
Пока все, что я вижу, это цветной блок, без каких-либо ошибок на консоли. У меня вопрос, как я могу узнать, если мой файл JSON или мой код неверен? Вот мой код, а внизу - ссылка на файл json.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>D3: Setting path fills</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script>
<!-- <script src="https://d3js.org/topojson.v1.min.js"></script> -->
<style type="text/css">
/* styles */
</style>
</head>
<body>
<script type="text/javascript">
var canvas = d3.select("body").append("svg")
.attr("width", 760)
.attr("height", 700)
d3.json("canada.geo.json", function(data) {
var group = canvas.selectAll("g")
.data(data.features)
.enter()
.append("g")
var projection = d3.geo.mercator();
var path = d3.geo.path().projection(projection);
var areas = group.append("path")
.attr("d",path)
.attr("class","area")
})
</script>
</body>
</html>
Ссылка на файл json:https://github.com/returnOfTheYeti/CanadaJSON/blob/master/canada.geo.json