У меня есть ортогональная проекция карты мира в D3 и с использованием TopoJSON. Я раскрашиваю страны при каждой загрузке данных, вызывая этот код. Земной шар постоянно вращается.
Моя проблема в том, что во время вращения я получаю сообщение об ошибке:
Ошибка
>> Ошибка: проблема с разбором d="" >> в d3.v3.min.js:1
для каждого:
.attr("d", path);
Сначала я думал, что это зависит от скрипта topojson, потому что есть разные версии. Но это не так.
javascript-код:
инициализируем свойства глобуса/проекции:
svg.append("defs").append("path")
.datum({type: "Sphere"})
.attr("id", "sphere")
.attr("d", path);
...
svg.append("path")
.datum(graticule)
.attr("class", "graticule")
.attr("d", path);
прочитать данные из json и tsv и добавить земли и страны:
queue()
.defer(d3.json, "world-110m.json")
.defer(d3.tsv, "world-country-names.tsv")
.await(ready);
function ready(error, world, names) {
var countries = topojson.feature(world, world.objects.countries).features,;
i = -1,
n = countries.length;
countries.forEach(function(d) {
var tryit = names.filter(function(n) { return d.id == n.id; })[0];
if (typeof tryit === "undefined"){
d.name = "Undefined";
console.log(d);
} else {
d.name = tryit.name;
}
});
var country = svg.selectAll(".country").data(countries);
country
.enter().insert("path", ".graticule")
.attr("id", function(d){
return "c" + d.id;
})
.attr("d", path);
svg.insert("path", ".graticule")
.datum(topojson.mesh(world, world.objects.countries, function(a, b) { return a !== b; }))
.attr("class", "boundary")
.attr("d", path);
}
вращение земного шара:
var velocity = .03,
then = Date.now();
d3.timer(function() {
var angle = velocity * (Date.now() - then);
projection.rotate([angle,0,0]);
svg.selectAll("path")
.attr("d", path.projection(projection));
});
.attr("d", path)
не работают? Это говорит о том, что вы не связываете ожидаемые данные - попробуйте обернутьpath
в функцию, чтобы вы могли проверить ввод... - person nrabinowitz   schedule 01.07.2013