0

このファイルをダウンロードしました: https://gist.github.com/markmarkoh/2969317

そして、このコードで試してみました:

<!DOCTYPE html>
<meta charset="utf-8">
<style>
path {
  stroke: white;
  stroke-width: 0.25px;
  fill: grey;
}
</style>
<body>
<script type="text/javascript" src="http://d3js.org/d3.v3.min.js"></script>
<script src="gistfile1.js"></script>
<script>
var width = 960,
    height = 500;

var projection = d3.geo.mercator()
    .center([0, 5 ])
    .scale(900)
    .rotate([-180,0]);

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

var path = d3.geo.path()
    .projection(projection);

var g = svg.append("g");

// load and display the World
d3.json("gistfile1.json", function(error, topology) {
    g.selectAll("path")
      .data(topojson.object(topology, topology.objects.countries)
          .geometries)
    .enter()
      .append("path")
      .attr("d", path)
});

</script>
</body>
</html>

しかし、それは機能していません。私はd3ワールドマップが初めてなので、ちょっと迷っています。いくつかのチュートリアルを試しましたが、うまくいきませんでした。誰かが私のコードのどこにエラーがあるのか​​ を説明してもらえますか? どうすればマップにポイントを追加できますか?

4

1 に答える 1

0

json ファイルをロードしようとしていますが、js ファイルを提供しています。

  1. Gist ファイルの名前を .js から .json に変更します
  2. パーツを取り外しvar countries_data =ます。
  3. gistfile1.jsonファイルの代わりにファイルをロードしjson/world-110m2.jsonます。
于 2013-06-01T19:13:53.803 に答える