2016-11-30 36 views
0

D3.jsを使用しようとしていますが、できません。私は以下のコードを持っていますが、ブラジルの地図は印刷されません。画面にエラーは表示されません。どうすればよいでしょうか?マイファイル「meso.jsonは」topojSON形式であるが、それはd3.jsコードですでににGeoJSONにtopojSONを変換:D3.jsで画面に何も表示されない

<html> 
    <head> 
     <title>D3.js</title> 
     <meta charset="utf-8" /> 
     <script src="http://d3js.org/d3.v3.min.js"></script> 
     <script src="http://d3js.org/queue.v1.min.js"></script> 
     <script src="http://d3js.org/topojson.v1.min.js"></script> 

     <script> 

      var width = 900, 
       height = 650; 

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

      var projection = d3.geo.mercator() 
      .center([55,10]) 
      .scale(750); 

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

      queue() 
      .defer(d3.json, "topo/meso.json") 
      .await(ready); 

      function ready(error, br_mesos){ 

       if(error) return console.error(error); 

       var mesos = topojson.feature(br_mesos, br_mesos.objects.meso); 

       svg.append("path") 
       .datum(mesos) 
       .attr('d', path) 
       .attr('class', 'mesos'); 

      } 
     </script> 
    </head> 

    <body> 
    </body> 
</html> 
+0

私はあなたが試したかどうかは分かりませんが、中心座標はおそらく負であるはずです。 –

答えて

0

一部のブラウザでは、HTTPをブロックするようHTTPSにHTTPからすべての輸入を変更してください。例えばのための

:すべてについて同様<script src="https://d3js.org/topojson.v1.min.js"></script>に変更<script src="http://d3js.org/topojson.v1.min.js"></script> と。

関連する問題