D3.js D3 JS-GeoJson（美国地图）-未加载

我使用了github的代码

JSON文件来自

样本：

{类型：功能集合，功能：[ {type:Feature，id:01，properties:{name:Alabama}，geometry:{type:Polygon，座标：[[[-87.359296,35.00118]，-85.606675,34.984749]，-85.431413,34.124869]，-85.184951,32.859696]，-85.069935,32.580372]，-84.960397,32.421541]，-85.004212,32.326]，-85.889196,32.262709]，-85.058981,32.8585858]，-136943,35]，-148,9835]，-185，[-85.042551,31.539753],[-85.113751,31.27686],[-85.004212,31.003013],[-85.497137,30.997536],[-87.600282,30.997536],[-87.633143,30.86609],[-87.408589,30.674397],[-87.446927,30.510088],[-87.37025,30.427934],[-87.518128,30.280057],[-87.655051,30.247195],[-87.90699,30.411504],[-87.934375,30.657966],[-88.011052,30.685351],[-88.10416,30.499135],[88.137022,30.318396]，-88.394438,30.367688]，-88.471115,31.895754]，-88.241084,33.796253]，-88.098683,34.891641]，-88.202745,34.995703]，-87.359296,35.00118]，]

---

但是我得到了一个空的HTML页面作为输出。我缺少什么？

不，我看不出代码有任何问题，除了us-states.json可能在根文件夹中不可用，您的代码正在查找它

您还可以直接从github访问us-states.json，如下所示：

        d3.json("https://raw.githubusercontent.com/alignedleft/d3-book/master/chapter_12/us-states.json", function(json) {

            //Bind data and create one path per GeoJSON feature
            svg.selectAll("path")
               .data(json.features)
               .enter()
               .append("path")
               .attr("d", path)
               .style("fill", "steelblue");

        });

---

工作代码

谢谢你的评论。我已经添加了代码。谢谢。你的代码工作得很好。我已经将us-states.json放在html文件所在的同一个文件夹中。但是我不确定我在json文件中犯了什么错误。检查你的控制台你看到了什么错误…我认为可能是CORS问题。没错。错误是跨源请求EST仅在协议方案中受支持：http、数据、chrome、chrome扩展、https、chrome扩展资源..如果我必须使用下载的json文件，该怎么办？我使用下面的讨论修复了它。感谢您的帮助。。。

        d3.json("https://raw.githubusercontent.com/alignedleft/d3-book/master/chapter_12/us-states.json", function(json) {

            //Bind data and create one path per GeoJSON feature
            svg.selectAll("path")
               .data(json.features)
               .enter()
               .append("path")
               .attr("d", path)
               .style("fill", "steelblue");

        });