Mapa con d3.js y TopoJSON, proyección Albers Siberia

Question

Apr 18, 2013, 03:14 PM

Mapa con d3.js y TopoJSON, proyección Albers Siberia

Estoy tratando de hacer un Choropleth con d3.js pero me quedé atascado al principio. Encontré un Shapefile y generé archivos GeoJSON y TopoJson a partir de él comoaquí. El mapa utiliza la proyección de Albers-Siberia. Lo que encontré sobre esta proyección:

Proyección: Albers Equal-Area Conic

Unidades: MetrosEsferoide: KrasovskyMeridiano central: 105Estándar Paralelo 1: 52Estándar Paralelo 2: 64Latitud de referencia: 0Este falso: 18500000Norte falso: 0

PROJ.4: + proj = aea + lat_1 = 52 + lat_2 = 64 + lat_0 = 0 + lon_0 = 105 + x_0 = 18500000 + y_0 = 0 + ellps = krass + unidades = m + towgs84 = 28, -130, -95 , 0,0,0,0 + no_defs

MapInfo: "Albers-Siberia", 9, 1001, 7, 105, 0, 64, 52, 18500000, 0.

Así que finalmente obtuve este código y no genera nada (e incluso se congela), ¿qué ocurre?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Choropleth</title>
    <script type="text/javascript" src="d3/d3.v3.js"></script>
    <script type="text/javascript" src="d3/queue.v1.min.js"></script>
    <script type="text/javascript" src="d3/topojson.v0.min.js"></script>
</head>
<body>
    <h1>My Choropleth</h1>
    <script type="text/javascript">

        var width = 960,
            height = 500;

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

        var pr = d3.geo.albers()
            .center([105,0])
            .parallels([52, 64])
            .scale(1000);


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

        d3.json("map_rus_topo.json", function(error, map) {
         svg.append("path")
          .datum(topojson.object(map, map.objects.map_rus))
          .attr("d", path);
        });

    </script>
</body>

Puedes encontrar todos los archivos JSONaquí.
Y una pregunta más: ¿Cómo puedo hacer referencia al valor deregión campo enmi TopoJson archivo.