2点間のカメラアニメーション¶

指定した位置間でカメラアニメーションを行います。

async startFlyCamera( options: StandardUIViewer.FlyParam )

iscs_start で指定した位置、もしくは現在のカメラの位置から、 iscs_end で指定した位置から 20km 南側、上方向に +20km の高度の位置から iscs_end を注視点とした位置と方向に time で指定された秒数でカメラアニメーションを行います。途中、高度 200km までカメラが上昇します。アニメーション中はユーザによる視点の操作は受け付けられません。アニメーション終了時に onEndFlyCamera が呼び出されます。

optionsの内容

パラメータ	型	内容	省略
`time`	`number`	移動までにかかる時間（秒）	不可
`iscs_start`	`mapray.GeoPoint`	スタート位置省略時は現在のカメラ位置	可能
`iscs_end`	`mapray.GeoPoint`	終了位置でのカメラの注視点 `target_clamp` が `true` の場合は高度を自動計算	不可
`target_clamp`	`boolean`	終了位置でカメラの注視点を `iscs_end` の緯度経度位置直下の標高にするなら `true` 省略時は `true`	可能
`end_altitude`	`number`	最終カメラ位置の高さ(m) 省略時は20000m	可能
`end_from_lookat`	`number`	最終カメラ位置を南方向に注視点からどの位置に配置するか(m) 省略時は20000m	可能

サンプルコード¶

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <script src="https://resource.mapray.com/mapray-js/v0.9.6/mapray.min.js"></script>
        <script src="https://resource.mapray.com/ui/v0.9.6/maprayui.min.js"></script>
        <link rel="stylesheet" href="https://resource.mapray.com/styles/v1/mapray.css">
        <style>
            html, body, div#mapray-container { margin: 0; padding: 0; height: 100%; }
        </style>
    </head>
    <body>
        <div id="mapray-container"></div>
    </body>
</html>

<script>
    // Set up your apikey, which can be created in Mapray Cloud.
    const apikey = "<YOUR_MAPRAY_API_KEY>";

    async function main() {
        // The StandardUIView in the ui package includes mouse-based camera manipulation.
        const uiviewer = new maprayui.StandardUIViewer( "mapray-container", apikey);

        await uiviewer.startFlyCamera({
            time: 5,
            iscs_end: new mapray.GeoPoint( 135.0, 35.0, 100 ),
        });
    }

    main();
</script>

Info

このサンプルコードは、<YOUR_MAPRAY_API_KEY>を、あなたのMapray CloudアカウントのAPI Keyに置き換えるまで、期待通りに動作しません。