Thickness of CircleOutlineGeometry

CesiumJS
1

Hi

I wrote a small piece of code[1] which makes a circle appear above the globe. Could someone please help with the two queries I have ?

  1. What controls the thickness of the Circle which is drawn ?

  2. Why is it that I don’t see any lines vertical lines connecting it down to earth?

[1]
//EXERCISE - 2b //Try drawing a CircleOutlineGeometry

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

var scene = viewer.scene;

var instance = new Cesium.GeometryInstance({

    geometry : new Cesium.CircleOutlineGeometry({

        center : Cesium.Cartesian3.fromDegrees(-100,20),

        radius : 1000000,

        height : 3000000,

        numberOfVerticalLines : 16,

        }),

     
    });

scene.primitives.add(new Cesium.Primitive({

    geometryInstances : instance,

    appearance : new Cesium.EllipsoidSurfaceAppearance({

        material : Cesium.Material.fromType('Dot'),

        }),

    }));
2

Hello,
I know a sole workaround to make a thicker line : see line 28 in http://cesiumjs.org/Cesium/Apps/Sandcastle/index.html?src=Circle%20Outline.html&label=Geometries
appearance : new Cesium.PerInstanceColorAppearance({
            flat : true,
            renderState : {
                depthTest : {
                    enabled : true
                },
                lineWidth : Math.min(3.0, scene.maximumAliasedLineWidth)
            }
        })

To create vertical lines, you need to define height like you did. This parameter is the "base's altitude" of cylinder. Moreover, you need to define extrudedHeight which is the height of your cylinder (see EllipseOutlineGeometry documentation which is the function used by CircleOutlineGeometry). There is a miss in the CircleOutlineGeometry's documentation about extrudedHeight

3

merci beaucoup bobactor40@gmail.com I modified my code to what is shown
below and it works now.

    //EXERCISE - 2c //Try drawing a CircleOutlineGeometry with line
extrusion
    var viewer = new Cesium.Viewer('cesiumContainer');
    var scene = viewer.scene;
    var instance = new Cesium.GeometryInstance({
        geometry : new Cesium.CircleOutlineGeometry({
            center : Cesium.Cartesian3.fromDegrees(-100,20),
            radius : 1000000,
            //semiMajorAxis : 1000000,
            //semiMinorAxis : 1000000,
            height : 3000000,
            extrudedHeight : 1000000,
            numberOfVerticalLines : 20,
            }),
        attributes : {
            color : new Cesium.ColorGeometryInstanceAttribute(1,0,0,1),
            },
        });
    scene.primitives.add(new Cesium.Primitive({
        geometryInstances : instance,
        appearance : new Cesium.PerInstanceColorAppearance({
            flat : true,
            renderState : {
                depthTest : {
                    enabled : true,
                    },
                    lineWidth : Math.min(3.0,
scene.maximumAliasedLineWidth)
                    }
            }),
        }));