Mapa com d3.js e TopoJSON, projeção Albers Siberia

Question

Apr 18, 2013, 03:14 PM

Mapa com d3.js e TopoJSON, projeção Albers Siberia

Eu estou tentando fazer um Choropleth com d3.js, mas fiquei no começo. Eu encontrei um Shapefile e gerou arquivos GeoJSON e TopoJson dele comoAqui. O mapa usa a projeção Albers-Siberia. O que eu encontrei sobre essa projeção:

Projeção: Albers Equal-Area Conic

Unidades: MetrosEsferóide: KrasovskyMeridiano Central: 105Paralelo Padrão 1: 52Paralelo Padrão 2: 64Latitude de referência: 0Falso Leste: 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-Sibéria", 9, 1001, 7, 105, 0, 64, 52, 18500000, 0.

Então eu peguei esse código finalmente e ele não fez nada (e até mesmo congelou), o que há de errado?

<!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>

Você pode encontrar todos os arquivos JSONAqui.
E mais uma pergunta: Como posso fazer referência ao valor deregião campo emminha Arquivo TopoJson.

leaveComments