Options
All
  • Public
  • Public/Protected
  • All
Menu

Class StandardUIViewer

標準 Mapray Viewer

コアライブラリのラッパです。 マウス操作やキーボード操作など一般的な操作がサポートされます。

import mapray from "@mapray/mapray-js";
import maprayui from "@mapray/ui";

const node = document.getElementById("id"); // HTMLElement要素を取得します
const ACCESS_TOKEN = "..."; // 事前に取得した値を指定します。

const stdViewer = new maprayui.StandardUIViewer( node, ACCESS_TOKEN );

const mtFujiPosition = new mapray.GeoPoint(138.72884, 35.36423, 0);

// カメラ視点の変更
stdViewer.setCameraPosition({
  longitude: mtFujiPosition.longitude,
  latitude: mtFujiPosition.latitude - 0.05,
  height: mtFujiPosition.altitude + 6000
});

// カメラ視線先の変更
stdViewer.setLookAtPosition({
  longitude: mtFujiPosition.longitude,
  latitude: mtFujiPosition.latitude,
  height: mtFujiPosition.altitude + 3000
});

const pin = new mapray.PinEntity(stdViewer.viewer.scene)
pin.altitude_mode = mapray.AltitudeMode.RELATIVE;
pin.addMakiIconPin( "mountain-15", mtFujiPosition );
stdViewer.addEntity(pin);

Hierarchy

Index

Constructors

Properties

Accessors

Methods

Constructors

constructor

Properties

Private _altitude_range

_altitude_range: { max: number; min: number }

Type declaration

  • max: number
  • min: number

Private _animation

_animation: EasyBindingBlock

Private _buf_matrix1

_buf_matrix1: Matrix

Private _buf_matrix2

_buf_matrix2: Matrix

Private _camera_parameter

_camera_parameter: CameraParameter & RollPitchYawData & GeoPointData

Private _controllable

_controllable: boolean

Private Optional _curve_move

_curve_move?: KFLinearCurve

Private Optional _curve_rotation

_curve_rotation?: KFLinearCurve

Private _default_fov

_default_fov: number = StandardUIViewer.DEFAULT_CAMERA_PARAMETER.fov

リセット用の画角

Private Optional _flycamera_on_success

_flycamera_on_success?: () => void

Type declaration

    • (): void

    • Returns void

Private _flycamera_target_time

_flycamera_target_time: number

Private _flycamera_total_time

_flycamera_total_time: number

Private _fovy_key

_fovy_key: number

画角変更の指定回数

Private _free_rotate_drag

_free_rotate_drag: Vector2

自由回転の移動量（マウスの移動量）

Private _height_drag

_height_drag: Vector2

高度変更の移動量（マウスの移動量）

Private _key_mode

_key_mode: boolean

キー操作中

Private _last_camera_parameter

_last_camera_parameter: CameraParameter & RollPitchYawData & GeoPointData

Private _mouse_down_position

_mouse_down_position: [x: number, y: number]

マウスダウンした位置

Private _operation_mode

_operation_mode: OperationMode

Private _pre_mouse_position

_pre_mouse_position: [x: number, y: number]

直前のマウス位置

Private Optional _rotate_center

_rotate_center?: Vector3

回転中心

Private _rotate_drag

_rotate_drag: Vector2

回転の移動量（マウスの移動量）

Private _self_hash_change_flag

_self_hash_change_flag: boolean

Private _translate_drag

_translate_drag: Vector2

平行移動の移動量（マウスの移動量）

Private _translate_eye_drag

_translate_eye_drag: Vector2

平行移動の移動量（マウスの移動量）

Private _update_url_hash

_update_url_hash: boolean

URLHash更新フラグ

Private _update_url_hash_backup

_update_url_hash_backup: boolean

Private _update_url_hash_full_digits

_update_url_hash_full_digits: boolean

URLに含む値の桁数(true:全桁, false:桁数制限)

Private _updater

_updater: Updater

Protected Optional _viewer

_viewer?: Viewer

Private _viewer_camera_mode

_viewer_camera_mode: CameraMode

Private _zoom_wheel

_zoom_wheel: number

視線方向への移動量（ホイールの移動量）

Accessors

viewer

Methods

Private _addEventListener

  • _addEventListener(): void

Private _calculateKeyPoint

Private _changeFovy

  • _changeFovy(): void

Private _correctAltitude

  • _correctAltitude(): void

Private _freeRotation

  • _freeRotation(delta_time: number): void

Private _getLookAtAngle

Private _getOffsetPoint

  • _getOffsetPoint(longitude: number, latitude: number, distance: number, bearing: number, dst: GeoPoint): GeoPoint

  • ある地点から指定距離、指定方向に移動した位置を算出する

    Parameters

    • longitude: number

      経度

    • latitude: number

      緯度

    • distance: number

      距離(m)

    • bearing: number

      方角(deg)

    • dst: GeoPoint

      計算結果が格納されるオブジェクト

    Returns GeoPoint

Private _initCameraParameter

Private _isSame

  • _isSame(value1: number, value2: number, threshold?: number): boolean

Private _mousePos

  • _mousePos(el: HTMLElement, event: MouseEvent): [x: number, y: number]

  • 要素上での座標を取得

    Parameters

    • el: HTMLElement

      HTMLElement

    • event: MouseEvent

      イベントオブジェクト

    Returns [x: number, y: number]

    要素(el)の上での座標

Private _onBlur

  • _onBlur(event: Event): void

Private _onHashChange

  • _onHashChange(): void

Private _onKeyDown

  • _onKeyDown(event: KeyboardEvent): void

Private _onKeyUp

  • _onKeyUp(event: KeyboardEvent): void

Private _onMouseDown

  • _onMouseDown(event: MouseEvent): void

Private _onMouseMove

  • _onMouseMove(event: MouseEvent): void

Private _onMouseUp

  • _onMouseUp(event: MouseEvent): void

Private _onMouseWheel

  • _onMouseWheel(event: WheelEvent): void

Private _removeEventListener

  • _removeEventListener(): void

Private _resetEventParameter

  • _resetEventParameter(): void

Private _restoreCameraParameterFromHash

  • _restoreCameraParameterFromHash(): void

Private _setupAnimationBindingBlock

  • _setupAnimationBindingBlock(): void

Private _updateURLHash

  • _updateURLHash(): void

addEntity

  • addEntity(entity: Entity): void

addLayer

  • addLayer(layer: any): void

Protected calculateAngle

clearEntities

  • clearEntities(): void

clearLayer

  • clearLayer(): void

createCameraParameterHash

  • createCameraParameterHash(): undefined | string

Protected createDemProvider

Protected createFlyCurve

Protected createImageProvider

Protected createViewer

destroy

  • destroy(): void

disableURLUpdate

  • disableURLUpdate(): void

enableURLUpdate

  • enableURLUpdate(readUrlOnStart: boolean): void

  • URL Hash 書き換え機能を有効にします。 カメラ移動時に自動的に URL Hash を書き換えます。

    Parameters

    • readUrlOnStart: boolean

      true の場合、関数呼び出し時に URL Hash で示される位置に移動します。

    Returns void

getCameraAngle

getCameraParameter

getCameraParameterFromHash

getCameraPosition

Protected getControllable

  • getControllable(): boolean

getEntity

  • getEntity(index: number): Entity

getEntityNum

  • getEntityNum(): number

getLayer

  • getLayer(index: number): Layer

getLayerNum

  • getLayerNum(): number

insertLayer

  • insertLayer(index: number, layer: any): void

onBlur

  • onBlur(event: Event): void

Protected onEndFlyCamera

  • onEndFlyCamera(): void

onKeyDown

  • onKeyDown(event: KeyboardEvent): void

onKeyUp

  • onKeyUp(event: KeyboardEvent): void

onMouseDown

  • onMouseDown(point: [x: number, y: number], event: MouseEvent): void

  • マウスを押した時のイベント

    Parameters

    • point: [x: number, y: number]

      要素上の座標

    • event: MouseEvent

      マウスイベントデータ

    Returns void

onMouseMove

  • onMouseMove(point: [x: number, y: number], event: MouseEvent): void

  • マウスを動かした時のイベント

    Parameters

    • point: [x: number, y: number]

      要素上の座標

    • event: MouseEvent

      マウスイベントデータ

    Returns void

onMouseUp

  • onMouseUp(point: [x: number, y: number], event: MouseEvent): void

  • マウスを上げた時のイベント

    Parameters

    • point: [x: number, y: number]

      要素上の座標

    • event: MouseEvent

      マウスイベントデータ

    Returns void

onMouseWheel

  • onMouseWheel(point: [x: number, y: number], event: WheelEvent): void

  • マウスホイールを動かした時のイベント

    Parameters

    • point: [x: number, y: number]

      要素上の座標

    • event: WheelEvent

      ホイールイベント

    Returns void

onStart

  • onStart(): void

onStop

  • onStop(): void

onUpdateFrame

  • onUpdateFrame(delta_time: number): void

removeEntity

  • removeEntity(entity: Entity): void

removeLayer

  • removeLayer(index: number): void

resetOpEvent

  • resetOpEvent(): void

Protected rotateVector

setCameraAngle

setCameraParameter

setCameraPosition

Protected setControllable

  • setControllable(flag: boolean): void

setLookAtPosition

  • setLookAtPosition(position: GeoPointData, yaw?: number): void

startFlyCamera

  • startFlyCamera(options: FlyParam): Promise<void>

  • ２点間のカメラアニメーション

    • 指定した位置間でカメラアニメーションを行う iscs_startで指定した位置、もしくは現在のカメラの位置から、 iscs_endで指定した位置から20km南側、上方向に+20kmの高度の位置からiscs_endを注視点とした位置と方向に timeで指定された秒数でカメラアニメーションを行う。 途中、高度200kmまでカメラが上昇する。

    Parameters

    • options: FlyParam

      引数オブジェクト

    Returns Promise<void>

    Promise

Protected updateCamera

  • updateCamera(): void

Protected updateClipPlane

  • updateClipPlane(): void

Protected updateFlyCamera

  • updateFlyCamera(delta_time: number): void

  • Fly中のupdate処理

    Fly実行中(this._viewer_camera_mode が StandardUIViewer.CameraMode.CAMERA_FLY の時)は onUpdateFrame から呼び出されます

    Parameters

    • delta_time: number

    Returns void

Protected updateRotation

  • updateRotation(delta_time: number): void

Protected updateTranslation

  • updateTranslation(delta_time: number): void

Protected updateTranslationOfEyeDirection

  • updateTranslationOfEyeDirection(): void

Protected updateTranslationOfHeight

  • updateTranslationOfHeight(): void