flyToRectangle doesn't work with rectangles that cross the IDL

[shunter]

Sandcastle example. Behavior is different (wrong in all cases) for 3D / CV / 2D.

var viewer = new Cesium.Viewer('cesiumContainer');

var scene = viewer.scene;

var primitives = scene.primitives;

var s = 12.361967086791992;
var w = 158.82334899902344;
var n = 81.638031005859375;
var e = -36.823356628417969;

var rect1 = Cesium.Rectangle.fromDegrees(w,s,e,n);

s = -8.4206666946411133;
w = 16.297948837280273;
n = 81.260665893554688;
e = -163.37794494628906;

var rect2 = Cesium.Rectangle.fromDegrees(w,s,e,n);

primitives.add(new Cesium.RectanglePrimitive({
    rectangle : rect1,
    material : Cesium.Material.fromType(Cesium.Material.ColorType, {
        color : new Cesium.Color(1.0, 0.0, 0.0, 0.75)
    })
}));

primitives.add(new Cesium.RectanglePrimitive({
    rectangle : rect2,
    material : Cesium.Material.fromType(Cesium.Material.ColorType, {
        color : new Cesium.Color(0.0, 1.0, 0.0, 0.75)
    })
}));

Sandcastle.addToolbarButton('fly red', function() {
    scene.camera.flyToRectangle({
        destination : rect1
    });
});

Sandcastle.addToolbarButton('fly green', function() {
    scene.camera.flyToRectangle({
        destination : rect2
    });
});

[pjcozzi]

CC #2195

[pjcozzi]

Not fixed by #2313. Not important now.

[bagnell]

This works in 3D. What is the expected behavior in 2D/CV? View the whole map?

[shunter]

which branch are you testing in? master is fixed in 3D but in 2D the destination is inverted.

e.g. this is supposed to be flyTo the green rect:

[shunter]

I guess what you are asking is which green rect to flyTo, since there are two rects after the IDL split. I think your suggestion of showing the whole map is reasonable.

[pjcozzi]

Updated code:

var viewer = new Cesium.Viewer('cesiumContainer');

var scene = viewer.scene;

var primitives = scene.primitives;

var s = 12.361967086791992;
var w = 158.82334899902344;
var n = 81.638031005859375;
var e = -36.823356628417969;

var rect1 = Cesium.Rectangle.fromDegrees(w,s,e,n);

s = -8.4206666946411133;
w = 16.297948837280273;
n = 81.260665893554688;
e = -163.37794494628906;

var rect2 = Cesium.Rectangle.fromDegrees(w,s,e,n);

primitives.add(new Cesium.RectanglePrimitive({
    rectangle : rect1,
    material : Cesium.Material.fromType(Cesium.Material.ColorType, {
        color : new Cesium.Color(1.0, 0.0, 0.0, 0.75)
    })
}));

primitives.add(new Cesium.RectanglePrimitive({
    rectangle : rect2,
    material : Cesium.Material.fromType(Cesium.Material.ColorType, {
        color : new Cesium.Color(0.0, 1.0, 0.0, 0.75)
    })
}));

Sandcastle.addToolbarButton('fly red', function() {
    scene.camera.flyTo({
        destination : rect1
    });
});

Sandcastle.addToolbarButton('fly green', function() {
    scene.camera.flyTo({
        destination : rect2
    });
});