使用geoJson用d3.js绘制地图

时间:2013-12-06 11:13:45

标签: 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"></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文件。

知道该怎么做?

0 个答案:

没有答案