Я пытаюсь сделать Choropleth с d3.js, но я застрял в самом начале. Я нашел Shapefile и сгенерировал из него файлы GeoJSON и TopoJson, как здесь. Карта использует проекцию Альберс-Сибирь. Что я нашел об этой проекции:
Проекция: равновеликая коническая Альберса
- Единицы: метры
- Сфероид: Красовский
- Центральный меридиан: 105
- Стандартная параллельная 1:52
- Стандартная параллель 2: 64
- Справочная широта: 0
- Ложный восток: 18500000
- Ложный север: 0
PROJ.4: +proj=aea +lat_1=52 +lat_2=64 +lat_0=0 +lon_0=105 +x_0=18500000 +y_0=0 +ellps=крас +единицы=m +towgs84=28,-130,-95 ,0,0,0,0 +no_defs
MapInfo: "Альберс-Сибирь", 9, 1001, 7, 105, 0, 64, 52, 18500000, 0.
Итак, я наконец получил этот код, и он ничего не делает (и даже зависает), что не так?
<!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>
Все JSON-файлы вы можете найти здесь.
И еще один вопрос: Как я могу ссылаться на значение < strong>region в файле my TopoJson.