UP | HOME

Examples | Mapray デジタルツイン開発プラットフォーム

maprayJSのサンプルコードです。mapray cloudで取得したアクセストークンをプログラムに埋め込むことで以下のサンプルを手軽に動作させることができます。このページの各画像サムネイルをクリックすると実際に動作しているデモをご覧いただけます。

1. カメラ

カメラポジション

カメラアニメーション 1

カメラアニメーション 2

アングルの変更(30°)

アングルの変更(60°)

パスアニメーション

2. 入力

ジオ情報の取得

3. レイヤ

レイヤを表示する

レイヤの動的生成と削除

タイルイメージの変更

4. エンティティ / ライン

SceneLoaderでのライン追加

ライン追加

ラインの色変更

ラインアニメーション

5. エンティティ / テキスト

SceneLoaderでのテキスト追加

テキスト追加

フォントスタイルの変更

6. エンティティ / glTF

SceneLoaderでの3Dモデル(glTF)追加 1

SceneLoaderでの3Dモデル(glTF)追加 2

3Dモデルの移動

3Dモデルのアニメーション

3Dモデルの高度変更

7. エンティティ / geojson

GeoJSONの読み込み

データのプロパティを変更する

GeoJSONのラインのプロパティを読む 1

GeoJSONのラインのプロパティを読む 2

GeoJSONのポイントのプロパティを読む 1

GeoJSONのポイントのプロパティを読む 2

GeoJSONのポリゴンのプロパティを読む 1

GeoJSONのポリゴンのプロパティを読む 2

GeoJSONのポリゴンで資産価値を可視化する

8. エンティティ / icon

イメージアイコンを追加する

ピンを追加する

9. アニメーション

ピンアニメーション1

ピンアニメーション2

ピンアニメーション3

ピンアニメーション4

ピンアニメーション5

ピンアニメーション6