Также не я, хотя есть проблемы с геоджонами, которые не связаны с его действительностью, всегда полезно выполнить проверку ошибок с помощью 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

Ответы на вопрос(2)

Ваш ответ на вопрос