RectanglePrimitive

new RectanglePrimitive()

A renderable rectangular rectangle.
Name Type Default Description
options.ellipsoid Ellipsoid Ellipsoid.WGS84 optional The ellipsoid that the rectangle is drawn on.
options.rectangle Rectangle optional The rectangle, which defines the rectangular region to draw.
options.granularity Number CesiumMath.RADIANS_PER_DEGREE optional The distance, in radians, between each latitude and longitude in the underlying geometry.
options.height Number 0.0 optional The height, in meters, that the rectangle is raised above the RectanglePrimitive#ellipsoid.
options.rotation Number 0.0 optional The angle, in radians, relative to north that the rectangle is rotated. Positive angles rotate counter-clockwise.
options.textureRotationAngle Number 0.0 optional The rotation of the texture coordinates, in radians. A positive rotation is counter-clockwise.
options.show Boolean true optional Determines if this primitive will be shown.
options.material Material optional The surface appearance of the primitive.
options.id Object optional A user-defined object to return when the instance is picked with Scene#pick
options.asynchronous Boolean true optional Determines if the rectangle will be created asynchronously or block until ready.
options.debugShowBoundingVolume Boolean false optional For debugging only. Determines if the primitive's commands' bounding spheres are shown.
Example:
var rectanglePrimitive = new Cesium.RectanglePrimitive({
  rectangle : Cesium.Rectangle.fromDegrees(0.0, 20.0, 10.0, 30.0)
});
primitives.add(rectanglePrimitive);
Source: Scene/RectanglePrimitive.js, line 56

Members

asynchronous :Boolean

Determines if the geometry instances will be created and batched on a web worker.
Default Value: true
Source: Scene/RectanglePrimitive.js, line 176

debugShowBoundingVolume :Boolean

This property is for debugging only; it is not for production use nor is it optimized.

Draws the bounding sphere for each DrawCommand in the primitive.

Default Value: false
Source: Scene/RectanglePrimitive.js, line 188

ellipsoid :Ellipsoid

The ellipsoid that the rectangle is drawn on.
Default Value: Ellipsoid.WGS84
Source: Scene/RectanglePrimitive.js, line 66

granularity :Number

The distance, in radians, between each latitude and longitude in the underlying geometry. A lower granularity fits the curvature of the RectanglePrimitive#ellipsoid better, but uses more triangles.
Default Value: CesiumMath.RADIANS_PER_DEGREE
Source: Scene/RectanglePrimitive.js, line 88

height :Number

The height, in meters, that the rectangle is raised above the RectanglePrimitive#ellipsoid.
Default Value: 0.0
Source: Scene/RectanglePrimitive.js, line 98

id :Object

User-defined object returned when the rectangle is picked.
Default Value: undefined
See:
Source: Scene/RectanglePrimitive.js, line 165

material :Material

The surface appearance of the primitive. This can be one of several built-in Material objects or a custom material, scripted with Fabric.

The default material is Material.ColorType.

Example:
// 1. Change the color of the default material to yellow
rectangle.material.uniforms.color = new Cesium.Color(1.0, 1.0, 0.0, 1.0);

// 2. Change material to horizontal stripes
rectangle.material = Cesium.Material.fromType(Material.StripeType);
See:
Source: Scene/RectanglePrimitive.js, line 154

rectangle :Rectangle

The rectangle, which defines the rectangular region to draw.
Default Value: undefined
Source: Scene/RectanglePrimitive.js, line 76

rotation :Number

The angle, in radians, relative to north that the rectangle is rotated. Positive angles rotate counter-clockwise.
Default Value: 0.0
Source: Scene/RectanglePrimitive.js, line 109

show :Boolean

Determines if this primitive will be shown.
Default Value: true
Source: Scene/RectanglePrimitive.js, line 130

textureRotationAngle :Number

The angle, in radians, relative to north that the primitive's texture is rotated. Positive angles rotate counter-clockwise.
Default Value: 0.0
Source: Scene/RectanglePrimitive.js, line 120

Methods

destroy() → undefined

Destroys the WebGL resources held by this object. Destroying an object allows for deterministic release of WebGL resources, instead of relying on the garbage collector to destroy this object.

Once an object is destroyed, it should not be used; calling any function other than isDestroyed will result in a DeveloperError exception. Therefore, assign the return value (undefined) to the object as done in the example.
Returns:
Throws:
  • DeveloperError : This object was destroyed, i.e., destroy() was called.
Example:
rectangle = rectangle && rectangle.destroy();
See:
  • Rectangle#isDestroyed
Source: Scene/RectanglePrimitive.js, line 297

isDestroyed() → Boolean

Returns true if this object was destroyed; otherwise, false.

If this object was destroyed, it should not be used; calling any function other than isDestroyed will result in a DeveloperError exception.
Returns:
true if this object was destroyed; otherwise, false.
See:
  • Rectangle#destroy
Source: Scene/RectanglePrimitive.js, line 274