Object Types


Point Layer

Sphere | Cylinder | Cone | Box | Disk | Icon | JSON model | COLLADA model

Sphere

Sphere with specified radius, color and transparency

image01

Specific settings :

  • Radius

    Numerical value.

Origin :

center of sphere

three.js geometry class:

Cylinder

Cylinder with specified radius, height, color and transparency

image02

Specific settings :

  • Radius

    Numerical value.

  • Height

    Numerical value.

Origin :

center of bottom (if height > 0)

three.js geometry class:

Cone

Cone with specified radius, height, color and transparency

image03

Specific settings :

  • Radius

    Numerical value.

  • Height

    Numerical value.

Origin :

center of bottom (if height > 0)

three.js geometry class:

Box

Box with specified width, depth, height, color and transparency

image04

Specific settings :

  • Width

    Numerical value.

  • Depth

    Numerical value.

  • Height

    Numerical value.

Origin :

center of bottom (if height > 0)

three.js geometry class:

Disk

Disk with specified radius, orientation, color and transparency

image05

Specific settings :

Origin :

center of disk

three.js geometry class:

Icon

Image which always faces towards the camera

image06

Specific settings :

  • Image file

    File path.

  • Scale

    Numerical value.

Origin :

center of image

three.js object class:

JSON model

image07

Specific settings :

  • JSON file

    File path.

  • Scale

    Numerical value.

  • Rotation (x)

    In degrees.

  • Rotation (y)

    In degrees.

  • Rotation (z)

    In degrees.

Origin :

origin of model

COLLADA model

image08

Specific settings :

  • COLLADA file

    File path (.dae). If the model has texture images, they need to be copied to the destination directory manually.

  • Scale

    Numerical value.

  • Rotation (x)

    In degrees.

  • Rotation (y)

    In degrees.

  • Rotation (z)

    In degrees.

Origin :

origin of model

Line Layer

Line | Pipe | Cone | Box | Profile

Line

image11

Specific settings :

no specific settings

three.js object class:

Image was created with GSI Tiles (ort, dem).

Pipe

Places a cylinder to each line segment and a sphere to each point.

image12

Specific settings :

  • Radius

    Numerical value.

three.js geometry classes:

Image was created with GSI Tiles (airphoto, dem).

Cone

Places a cone to each line segment. Heading of cone is forward direction.

image13

Specific settings :

  • Radius

    Numerical value.

three.js geometry class:

Image was created with GSI Tiles (ort, dem) and National Land Numerical Information (Rivers. MILT of Japan).

Box

Places a box to each line segment.

image14

Specific settings :

  • Width

    Numerical value.

  • Height

    Numerical value.

three.js geometry class:

Image was created with GSI Tiles (airphoto, dem).

Profile

Makes a vertical plane under each line segment. When the altitude mode of z coordinate is Relative to DEM or + "field name", each linestring is split into segments using a triangle mesh generated from DEM and every upper edge is located at the relative height from the mesh surface.

image15

Specific settings :

  • Lower Z

    Z coordinate of lower edge.

three.js geometry class:

Image was created with SRTM3 elevation data.


Polygon Layer

Extruded | Overlay

Extruded

Extruded polygon with specified height, color and transparency

image21

Specific settings :

  • Height

    Numerical value.

three.js geometry class:

Image was created with GSI Tiles (ort, dem) and OpenStreetMap (© OpenStreetMap contributors, License).

Overlay

Overlay polygon draped on the main DEM with specified color, border color and transparency. When the altitude mode of z coordinate is Relative to DEM or + "field name", each polygon is split into triangles using a triangle mesh generated from DEM, and is located at the relative height from the mesh surface. Otherwise, creates a flat polygon at a specified altitude. You can add side to each polygon if you want.

image22

Specific settings :

  • Border color

  • Side

    Check this option to add side to each polygon.

  • Side color

  • Side lower Z

    Z coordinate of lower edge of side.

three.js classes:

Image was created with GSI Tiles (ort, dem) and National Land Numerical Information (Sediment Disaster Hazard Area. Provided by Okayama prefecture, Japan).