D3.js geoAlbers()函数

d3.js 中的geoAlbers ()函数用于绘制Albers 等面积圆锥投影。以 Heinrich C. Albers 命名的 Albers 投影是一种使用两条标准纬线的圆锥等面积地图投影。不保留比例和形状，标准纬线之间的失真最小。它从 geojson 数据中绘制geoAlbers 投影。

句法：

d3.geoAlbers()

参数：此方法不接受任何参数。

返回值此方法返回可视的阿尔伯斯等面积圆锥投影。

示例 1：以下示例对亚洲大陆进行投影。

HTML

 
 
  
 
     
         
 
  
 
     
              
    
             
            geoAlbers Projection of Asia
               
        
          
         
         
     
    
    
    
   
    
  
    var svg = d3.select("svg"),
    width = +svg.attr("width"),
    height = +svg.attr("height");
  
   // geoAlbers projection
   var gfg = d3.geoAlbers()
    .scale(width / 1.5 / Math.PI)
    .translate([width / 2, height / 2])
  
   // Loading the json data
   d3.json("https://raw.githubusercontent.com/
   janasayantan/datageojson/master/geoasia.json", 
    function(data){
  
    // Draw the map
    svg.append("g")
         .selectAll("path")
         .data(data.features)
         .enter().append("path")
         .attr("fill", "black")
         .attr("d", d3.geoPath()
          .projection(gfg)
          )
      .style("stroke", "#ffff")
})
  

 
  

输出 ：

示例 2：以下示例显示了 World 的投影。

HTML

 
 
  
 
     
     
 
    
 
     
              
    
             
            geoAlbers Projection of World
            
    
                
         
         
     
    
    
    
    
    
  
    var svg = d3.select("svg"),
    width = +svg.attr("width"),
    height = +svg.attr("height");
  
    // geoAlbers projection
    var gfg = d3.geoAlbers()
    .scale(width / 1.5 / Math.PI)
    .translate([width / 2, height / 2])
  
    // Loading the json data
    d3.json("https://raw.githubusercontent.com/
    janasayantan/datageojson/master/geoworld%20.json",
    function(data)
   {
    // Draw the map
    svg.append("g")
        .selectAll("path")
        .data(data.features)
        .enter().append("path")
            .attr("fill", "grey")
            .attr("d", d3.geoPath()
            .projection(gfg)
            )
        .style("stroke", "#ffff")
   })
  

输出 ：