D3.js不顯示屏幕上的任何信息

我正在嘗試使用D3.js，但是我不能。我有下面的代碼，但它不打印巴西的地圖。屏幕不顯示任何錯誤，它可能是什麼？我的文件「meso.json」是topojSON格式，但它變換成topojSON已經以GeoJSON在d3.js代碼：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>

來源

2016-11-30 Alisson Acioli

我不確定你是否嘗試過，但你的中心座標應該是負值。 –

請所有進口的改變從HTTP到HTTPS某些瀏覽器會阻止HTTP。

爲如：改變所有<script src="http://d3js.org/topojson.v1.min.js"></script> 到<script src="https://d3js.org/topojson.v1.min.js"></script>和類似。

來源

2016-12-02 12:04:39 SiddP

D3.js不顯示屏幕上的任何信息

回答

相關問題