Map 使用geoJson使用d3.js绘制地图_Map_D3.js_Geojson

Map 使用geoJson使用d3.js绘制地图

map d3.js

Map 使用geoJson使用d3.js绘制地图,map,d3.js,geojson,Map,D3.js,Geojson,我正在尝试使用d3.js从geoJson文件创建任何国家的地图下面是html文件的代码 <!DOCTYPE html> <html> <head> <title>Demo d3</title> <script src="http://d3js.org/d3.v3.min.js"></script> <script src="file://d:AUS.jsonp"></scri

我正在尝试使用d3.js从geoJson文件创建任何国家的地图

下面是html文件的代码

<!DOCTYPE html>
<html>

  <head>
  <title>Demo d3</title>
  <script src="http://d3js.org/d3.v3.min.js"></script>
  <script src="file://d:AUS.jsonp"></script>
    </head>

<body>

<script>

var canvass=d3.select("body").append("svg")
                             .attr("width",900)
                             .attr("height",900);

d3.json("AUS.json",function(data){

var group=canvass.selectAll("g")
                 .data(data.features).
                 .enter()
                 .append("g")

var projection=d3.geo.mercator().scale(7300).translate([]0,1980);
var path=d3.geo.path().projection(projection);

var areas=group.append("path")
               .attr("d",path)
                .attr("class","area")
                .attr("fill","blue");



});

</script>

  </body>
</html>


演示d3
var canvass=d3.select（“body”）.append（“svg”）
.attr（“宽度”，900）
.attr（“高度”，900）；
d3.json（“AUS.json”），函数（数据）{
变量组=画布。选择全部（“g”）
.data（data.features）。
.输入（）
.附加（“g”）
var projection=d3.geo.mercator（）.scale（7300）.translate（[]01980）；
var path=d3.geo.path（）.projection（projection）；
变量区域=组。追加（“路径”）
.attr（“d”，路径）
.attr（“类别”、“区域”）
.attr（“填充”、“蓝色”）；
});

我在本地将AUS.json文件保存在与HTML文件相同的路径中，但是当我打开HTML页面时，我没有得到任何映射

我认为HTML文件无法打开JSON文件

你知道该怎么做吗？

看起来你好像打错了——应该是

.translate（[01980]）

.sry，是的，这是一个输入错误。但是更改它并不能解决问题。您是否收到任何错误消息？您可能遇到了。没有错误消息。这里也有类似的post检查。但解决方案不清楚。请将您的解决方案作为答案发布，以供参考？