Class MapView

Map viewer is used to read and display map tiles from a server.

It was designed to work with a OpenMapTiles but can also be used with another map tiles.

The map is drawn in plane map nodes using a quad tree that is subdivided as necessary to guaratee good map quality.

Hierarchy

  • Mesh
    • MapView

Constructors

  • Constructor for the map view objects.

    Parameters

    • root: number | MapNode = MapView.PLANAR

      Map view node modes can be SPHERICAL, HEIGHT or PLANAR. PLANAR is used by default. Can also be a custom MapNode instance.

    • provider: MapProvider = ...

      Map color tile provider by default a OSM maps provider is used if none specified.

    • heightProvider: MapProvider = null

      Map height tile provider, by default no height provider is used.

    Returns MapView

Properties

animations: AnimationClip[]

Array with object's animation clips.

Default Value

[]

cacheTiles: boolean = false

Indicate if the nodes should cache its children when it is simplified. Nodes that are no longer in use should be kept in memory.

Usefull for fast moving scenarios to prevent reparsing data in fast moving scenes.

Should only be used if the child generation process is time consuming. Should be kept off unless required.

castShadow: boolean

Whether the object gets rendered into shadow map.

Default Value

false

children: Object3D<Object3DEventMap>[]

Array with object's children.

See

THREE.Object3DGroup | Group for info on manually grouping objects.

Default Value

[]

customDepthMaterial?: Material

Custom depth material to be used when rendering to the depth map.

Remarks

Can only be used in context of meshes.

Default Value

undefined

customDistanceMaterial?: Material

Same as customDepthMaterial, but used with THREE.Object3DPointLight | PointLight.

Default Value

undefined

frustumCulled: boolean

When this is set, it checks every frame if the object is in the frustum of the camera before rendering the object. If set to false the object gets rendered every frame even if it is not in the frustum of the camera.

Default Value

true

geometry: BufferGeometry<NormalBufferAttributes>

An instance of THREE.BufferGeometry | BufferGeometry (or derived classes), defining the object's structure.

Default Value

THREE.BufferGeometry | new THREE.BufferGeometry().

heightProvider: MapProvider = null

Map height (terrain elevation) layer provider.

Only used for HEIGHT, HEIGHT_SHADER and MARTINI map modes.

id: number

Unique number for this Object3D instance.

Remarks

Note that ids are assigned in chronological order: 1, 2, 3, ..., incrementing by one for each new object.

isMesh: true

Read-only flag to check if a given object is of type Mesh.

Remarks

This is a constant value

Default Value

true

isObject3D: true

Flag to check if a given object is of type Object3D.

Remarks

This is a constant value

Default Value

true

layers: Layers

The layer membership of the object.

Remarks

The object is only visible if it has at least one layer in common with the THREE.Object3DCamera | Camera in use.

Default Value

new THREE.Layers()

lod: LODControl = null

LOD control object used to defined how tiles are loaded in and out of memory.

material: Material | Material[]

An instance of material derived from the THREE.Material | Material base class or an array of materials, defining the object's appearance.

Default Value

THREE.MeshBasicMaterial | new THREE.MeshBasicMaterial().

matrix: Matrix4

The local transform matrix.

Default Value

new THREE.Matrix4()

matrixAutoUpdate: boolean

When this is set, it calculates the matrix of position, (rotation or quaternion) and scale every frame and also recalculates the matrixWorld property.

Default Value

DEFAULT_MATRIX_AUTO_UPDATE - that is (true).

matrixWorld: Matrix4

The global transform of the object.

Remarks

If the Object3D has no parent, then it's identical to the local transform THREE.Object3D.matrix | .matrix.

Default Value

new THREE.Matrix4()

matrixWorldAutoUpdate: boolean

If set, then the renderer checks every frame if the object and its children need matrix updates. When it isn't, then you have to maintain all matrices in the object and its children yourself.

Default Value

DEFAULT_MATRIX_WORLD_AUTO_UPDATE - that is (true).

matrixWorldNeedsUpdate: boolean

When this is set, it calculates the matrixWorld in that frame and resets this property to false.

Default Value

false

modelViewMatrix: Matrix4

Default Value

new THREE.Matrix4()

morphTargetDictionary?: {
    [key: string]: number;
}

A dictionary of morphTargets based on the morphTarget.name property.

Default Value

undefined, but rebuilt by .updateMorphTargets().

Type declaration

  • [key: string]: number
morphTargetInfluences?: number[]

An array of weights typically from 0-1 that specify how much of the morph is applied.

Default Value

undefined, but reset to a blank array by .updateMorphTargets().

name: string

Optional name of the object

Remarks

(doesn't need to be unique).

Default Value

""

normalMatrix: Matrix3

Default Value

new THREE.Matrix3()

onBeforeRender: ((renderer: WebGLRenderer, scene: Scene, camera: Camera, geometry: BufferGeometry<NormalBufferAttributes>, material: Material, group: Group<Object3DEventMap>) => void) = ...

Type declaration

    • (renderer: WebGLRenderer, scene: Scene, camera: Camera, geometry: BufferGeometry<NormalBufferAttributes>, material: Material, group: Group<Object3DEventMap>): void
    • Ajust node configuration depending on the camera distance.

      Called everytime automatically before render by the renderer.

      Parameters

      • renderer: WebGLRenderer
      • scene: Scene
      • camera: Camera
      • geometry: BufferGeometry<NormalBufferAttributes>
      • material: Material
      • group: Group<Object3DEventMap>

      Returns void

parent: Object3D<Object3DEventMap>

Object's parent in the scene graph.

Remarks

An object can have at most one parent.

Default Value

null

position: Vector3

Object's local position.

Default Value

new THREE.Vector3() - that is (0, 0, 0).

provider: MapProvider = null

Map tile color layer provider.

quaternion: Quaternion

Object's local rotation as a THREE.Quaternion | Quaternion.

Default Value

new THREE.Quaternion() - that is (0, 0, 0, 1).

receiveShadow: boolean

Whether the material receives shadows.

Default Value

false

renderOrder: number

This value allows the default rendering order of scene graph objects to be overridden although opaque and transparent objects remain sorted independently.

Remarks

When this property is set for an instance of Group | Group, all descendants objects will be sorted and rendered together.

Default Value

0

root: MapNode = null

Define the type of map node in use, defined how the map is presented.

Should only be set on creation.

rotation: Euler

Object's local rotation (Euler angles), in radians.

Default Value

new THREE.Euler() - that is (0, 0, 0, Euler.DEFAULT_ORDER).

scale: Vector3

The object's local scale.

Default Value

new THREE.Vector3( 1, 1, 1 )

type: string

Default Value

Mesh

up: Vector3

This is used by the lookAt method, for example, to determine the orientation of the result.

Default Value

Object3D.DEFAULT_UP - that is (0, 1, 0).

userData: Record<string, any>

An object that can be used to store custom data about the Object3D.

Remarks

It should not hold references to functions as these will not be cloned.

Default

{}

uuid: string

UUID of this object instance.

Remarks

This gets automatically assigned and shouldn't be edited.

visible: boolean

Object gets rendered if true.

Default Value

true

DEFAULT_MATRIX_AUTO_UPDATE: boolean

The default setting for matrixAutoUpdate for newly created Object3Ds.

Default Value

true

DEFAULT_MATRIX_WORLD_AUTO_UPDATE: boolean

The default setting for matrixWorldAutoUpdate for newly created Object3Ds.

Default Value

true

DEFAULT_UP: Vector3

The default up direction for objects, also used as the default position for THREE.DirectionalLight | DirectionalLight, THREE.HemisphereLight | HemisphereLight and THREE.Spotlight | Spotlight (which creates lights shining from the top down).

Default Value

new THREE.Vector3( 0, 1, 0)

HEIGHT: number = 202

Planar map projection with height deformation.

HEIGHT_SHADER: number = 203

Planar map projection with height deformation using the GPU for height generation.

MARTINI: number = 204

RTIN map mode.

PLANAR: number = 200

Planar map projection.

SPHERICAL: number = 201

Spherical map projection.

mapModes: Map<number, any> = ...

Map of the map node types available.

Methods

  • Adds another Object3D as child of this Object3D.

    Remarks

    An arbitrary number of objects may be added

    See

    • attach
    • THREE.Group | Group for info on manually grouping objects.

    Parameters

    • Rest ...object: Object3D<Object3DEventMap>[]

    Returns MapView

  • Adds a listener to an event type.

    Type Parameters

    • T extends keyof Object3DEventMap

    Parameters

    • type: T

      The type of event to listen to.

    • listener: EventListener<Object3DEventMap[T], T, MapView>

      The function that gets called when the event is fired.

    Returns void

  • Type Parameters

    • T extends string

    Parameters

    • type: T
    • listener: EventListener<{}, T, MapView>

    Returns void

  • Applies the matrix transform to the object and updates the object's position, rotation and scale.

    Parameters

    • matrix: Matrix4

    Returns void

  • Applies the rotation represented by the quaternion to the object.

    Parameters

    • quaternion: Quaternion

    Returns MapView

  • Adds a Object3D as a child of this, while maintaining the object's world transform.

    Remarks

    Note: This method does not support scene graphs having non-uniformly-scaled nodes(s).

    See

    add

    Parameters

    • object: Object3D<Object3DEventMap>

    Returns MapView

  • Clears all tiles from memory and reloads data. Used when changing the provider.

    Should be called manually if any changed to the provider are made without setting the provider.

    Returns any

  • Returns a clone of this object and optionally all descendants.

    Parameters

    • Optional recursive: boolean

      If true, descendants of the object are also cloned. Default true

    Returns MapView

  • Copy the given object into this object

    Remarks

    Note: event listeners and user-defined callbacks (.onAfterRender and .onBeforeRender) are not copied.

    Parameters

    • source: MapView
    • Optional recursive: boolean

      If true, descendants of the object are also copied. Default true

    Returns MapView

  • Fire an event type.

    Type Parameters

    • T extends keyof Object3DEventMap

    Parameters

    • event: BaseEvent<T> & Object3DEventMap[T]

      The event that gets fired.

    Returns void

  • Get map meta data from server if supported.

    Returns void

  • Searches through an object and its children, starting with the object itself, and returns the first with a matching id.

    Remarks

    Note that ids are assigned in chronological order: 1, 2, 3, ..., incrementing by one for each new object.

    See

    id

    Parameters

    • id: number

      Unique number of the object instance. Expects a Integer

    Returns Object3D<Object3DEventMap>

  • Searches through an object and its children, starting with the object itself, and returns the first with a matching name.

    Remarks

    Note that for most objects the name is an empty string by default

    Parameters

    • name: string

      String to match to the children's Object3D.name property.

    Returns Object3D<Object3DEventMap>

  • Searches through an object and its children, starting with the object itself, and returns the first with a property that matches the value given.

    Parameters

    • name: string

      the property name to search for.

    • value: any

      value of the given property.

    Returns Object3D<Object3DEventMap>

  • Searches through an object and its children, starting with the object itself, and returns the first with a property that matches the value given.

    Parameters

    • name: string

      The property name to search for.

    • value: any

      Value of the given property.

    • Optional optionalTarget: Object3D<Object3DEventMap>[]

      target to set the result. Otherwise a new Array is instantiated. If set, you must clear this array prior to each call (i.e., array.length = 0;).

    Returns Object3D<Object3DEventMap>[]

  • Get the local-space position of the vertex at the given index, taking into account the current animation state of both morph targets and skinning.

    Parameters

    • index: number

      Expects a Integer

    • target: Vector3

    Returns Vector3

  • Returns a vector representing the direction of object's positive z-axis in world space.

    Parameters

    • target: Vector3

      The result will be copied into this Vector3.

    Returns Vector3

  • Returns a vector representing the position of the object in world space.

    Parameters

    • target: Vector3

      The result will be copied into this Vector3.

    Returns Vector3

  • Returns a quaternion representing the rotation of the object in world space.

    Parameters

    • target: Quaternion

      The result will be copied into this Quaternion.

    Returns Quaternion

  • Returns a vector of the scaling factors applied to the object for each axis in world space.

    Parameters

    • target: Vector3

      The result will be copied into this Vector3.

    Returns Vector3

  • Checks if listener is added to an event type.

    Type Parameters

    • T extends keyof Object3DEventMap

    Parameters

    • type: T

      The type of event to listen to.

    • listener: EventListener<Object3DEventMap[T], T, MapView>

      The function that gets called when the event is fired.

    Returns boolean

  • Type Parameters

    • T extends string

    Parameters

    • type: T
    • listener: EventListener<{}, T, MapView>

    Returns boolean

  • Converts the vector from this object's local space to world space.

    Parameters

    • vector: Vector3

      A vector representing a position in this object's local space.

    Returns Vector3

  • Rotates the object to face a point in world space.

    Remarks

    This method does not support objects having non-uniformly-scaled parent(s).

    Parameters

    • vector: Vector3

      A vector representing a position in world space to look at.

    Returns void

  • Rotates the object to face a point in world space.

    Remarks

    This method does not support objects having non-uniformly-scaled parent(s).

    Parameters

    • x: number

      Expects a Float

    • y: number

      Expects a Float

    • z: number

      Expects a Float

    Returns void

  • Get the maximum zoom level available in the providers attached to the map view.

    Returns

    Maximum zoom level available.

    Returns number

  • Get the minimum zoom level available in the providers attached to the map view.

    Returns

    Minimum zoom level available.

    Returns number

  • An optional callback that is executed immediately after a 3D object is rendered.

    Remarks

    This function is called with the following parameters: renderer, scene, camera, geometry, material, group.

    Parameters

    • renderer: WebGLRenderer
    • scene: Scene
    • camera: Camera
    • geometry: BufferGeometry<NormalBufferAttributes>
    • material: Material
    • group: Group<Object3DEventMap>

    Returns void

  • An optional callback that is executed immediately after a 3D object is rendered to a shadow map.

    Remarks

    This function is called with the following parameters: renderer, scene, camera, shadowCamera, geometry, depthMaterial, group.

    Parameters

    • renderer: WebGLRenderer
    • scene: Scene
    • shadowCamera: Camera
    • geometry: BufferGeometry<NormalBufferAttributes>
    • depthMaterial: Material
    • group: Group<Object3DEventMap>

    Returns void

  • An optional callback that is executed immediately before a 3D object is rendered to a shadow map.

    Remarks

    This function is called with the following parameters: renderer, scene, camera, shadowCamera, geometry, depthMaterial, group.

    Parameters

    • renderer: WebGLRenderer
    • scene: Scene
    • shadowCamera: Camera
    • geometry: BufferGeometry<NormalBufferAttributes>
    • depthMaterial: Material
    • group: Group<Object3DEventMap>

    Returns void

  • Pre-subdivide map tree to create nodes of levels not available in the provider.

    Checks for the minimum zoom level in the providers attached to the map view.

    Returns void

  • Parameters

    • raycaster: Raycaster
    • intersects: any[]

    Returns boolean

  • Removes a Object3D as child of this Object3D.

    Remarks

    An arbitrary number of objects may be removed.

    See

    THREE.Group | Group for info on manually grouping objects.

    Parameters

    • Rest ...object: Object3D<Object3DEventMap>[]

    Returns MapView

  • Removes a listener from an event type.

    Type Parameters

    • T extends keyof Object3DEventMap

    Parameters

    • type: T

      The type of the listener that gets removed.

    • listener: EventListener<Object3DEventMap[T], T, MapView>

      The listener function that gets removed.

    Returns void

  • Type Parameters

    • T extends string

    Parameters

    • type: T
    • listener: EventListener<{}, T, MapView>

    Returns void

  • Removes this object from its current parent.

    Returns MapView

  • Rotate an object along an axis in object space.

    Remarks

    The axis is assumed to be normalized.

    Parameters

    • axis: Vector3

      A normalized vector in object space.

    • angle: number

      The angle in radians. Expects a Float

    Returns MapView

  • Rotate an object along an axis in world space.

    Remarks

    The axis is assumed to be normalized

    Parameters

    • axis: Vector3

      A normalized vector in world space.

    • angle: number

      The angle in radians. Expects a Float

    Returns MapView

  • Rotates the object around x axis in local space.

    Parameters

    • angle: number

    Returns MapView

  • Rotates the object around y axis in local space.

    Parameters

    • angle: number

    Returns MapView

  • Rotates the object around z axis in local space.

    Parameters

    • angle: number

    Returns MapView

  • Change the map height provider of this map view.

    Will discard all the tiles already loaded using the old provider.

    Parameters

    Returns void

  • Change the map provider of this map view.

    Will discard all the tiles already loaded using the old provider.

    Parameters

    Returns void

  • Set the root of the map view.

    Is set by the constructor by default, can be changed in runtime.

    Parameters

    • root: number | MapNode

      Map node to be used as root.

    Returns void

  • Calls THREE.Quaternion.setFromAxisAngle | setFromAxisAngle(axis, angle) on the .quaternion.

    Parameters

    • axis: Vector3

      A normalized vector in object space.

    • angle: number

      Angle in radians. Expects a Float

    Returns void

  • Calls THREE.Quaternion.setFromEuler | setFromEuler(euler) on the .quaternion.

    Parameters

    • euler: Euler

      Euler angle specifying rotation amount.

    Returns void

  • Calls THREE.Quaternion.setFromRotationMatrix | setFromRotationMatrix(m) on the .quaternion.

    Remarks

    Note that this assumes that the upper 3x3 of m is a pure rotation matrix (i.e, unscaled).

    Parameters

    • m: Matrix4

      Rotate the quaternion by the rotation component of the matrix.

    Returns void

  • Copy the given THREE.Quaternion | Quaternion into .quaternion.

    Parameters

    • q: Quaternion

      Normalized Quaternion.

    Returns void

  • Convert the object to three.js JSON Object/Scene format.

    Parameters

    • Optional meta: {
          geometries: any;
          images: any;
          materials: any;
          textures: any;
      }

      Object containing metadata such as materials, textures or images for the object.

      • geometries: any
      • images: any
      • materials: any
      • textures: any

    Returns any

  • Translate an object by distance along an axis in object space

    Remarks

    The axis is assumed to be normalized.

    Parameters

    • axis: Vector3

      A normalized vector in object space.

    • distance: number

      The distance to translate. Expects a Float

    Returns MapView

  • Translates object along x axis in object space by distance units.

    Parameters

    • distance: number

      Expects a Float

    Returns MapView

  • Translates object along y axis in object space by distance units.

    Parameters

    • distance: number

      Expects a Float

    Returns MapView

  • Translates object along z axis in object space by distance units.

    Parameters

    • distance: number

      Expects a Float

    Returns MapView

  • Executes the callback on this object and all descendants.

    Remarks

    Note: Modifying the scene graph inside the callback is discouraged.

    Parameters

    • callback: ((object: Object3D<Object3DEventMap>) => any)

      A function with as first argument an Object3D object.

        • (object: Object3D<Object3DEventMap>): any
        • Parameters

          • object: Object3D<Object3DEventMap>

          Returns any

    Returns void

  • Executes the callback on all ancestors.

    Remarks

    Note: Modifying the scene graph inside the callback is discouraged.

    Parameters

    • callback: ((object: Object3D<Object3DEventMap>) => any)

      A function with as first argument an Object3D object.

        • (object: Object3D<Object3DEventMap>): any
        • Parameters

          • object: Object3D<Object3DEventMap>

          Returns any

    Returns void

  • Like traverse, but the callback will only be executed for visible objects

    Remarks

    Descendants of invisible objects are not traversed.

    Parameters

    • callback: ((object: Object3D<Object3DEventMap>) => any)

      A function with as first argument an Object3D object.

        • (object: Object3D<Object3DEventMap>): any
        • Parameters

          • object: Object3D<Object3DEventMap>

          Returns any

    Returns void

  • Updates local transform.

    Returns void

  • Updates the global transform of the object. And will update the object descendants if .matrixWorldNeedsUpdate is set to true or if the force parameter is set to true.

    Parameters

    • Optional force: boolean

      A boolean that can be used to bypass .matrixWorldAutoUpdate, to recalculate the world matrix of the object and descendants on the current frame. Useful if you cannot wait for the renderer to update it on the next frame, assuming .matrixWorldAutoUpdate set to true.

    Returns void

  • Updates the morphTargets to have no influence on the object

    Remarks

    Resets the morphTargetInfluences and morphTargetDictionary properties.

    Returns void

  • Updates the global transform of the object.

    Parameters

    • updateParents: boolean

      Recursively updates global transform of ancestors.

    • updateChildren: boolean

      Recursively updates global transform of descendants.

    Returns void

  • Converts the vector from world space to this object's local space.

    Parameters

    • vector: Vector3

      A vector representing a position in world space.

    Returns Vector3

Generated using TypeDoc