Jak zrobić płynne przejście do odwzorowania mapy w d3 js
Chciałbym wykonać płynne przejście między alber / ortographic w tworzonej przeze mnie miniaplikacji, podobnie jak w tym przykładzie:
http://mbostock.github.io/d3/talk/20111018/#27
Wydaje się jednak, że to płynne przejście zostało zerwane w wersji 3, jednak z dość niepewnym przejściem ścieżek mapy:
Kod jest całkiem prosty, inicjalizuję mapę jako albers, a następnie uruchamiam orto (), aby ją zaktualizować.
function ortho() {
var self = this,
h = 1000,
w = document.width;
this.projection = d3.geo.orthographic()
.scale(500)
.translate([ (w - 300) / 2, h / 2])
.clipAngle(90)
.rotate([90, 0, 0])
.precision(.1);
this.path = d3.geo.path()
.projection(this.projection);
//update path WITH transition
d3.selectAll('path')
.transition()
.duration(900)
.attr('d', app.path);
}
Mapa zmienia się z albers na ortograficzną, ale przejście nie jest płynne. Wszelkie myśli byłyby świetne.