我正在尝试使用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>
我将AUS.json文件本地保存在与HTML文件相同的路径中但是当我打开HTML页面时,我没有得到任何地图。
我认为HTML文件无法打开该JSON文件。
知道该怎么做?