イメージアイコンの表示(addImageIconを使った表示)イメージアイコンの表示(addImageIconを使った表示)mapray.ImageIconEntityのaddImageIconを使ってイメージアイコンを表示する方法を説明します。サンプルコードmapray.ImageIconEntityのaddImageIconを使ってイメージアイコンを表示するAddImageIcon.htmlのサンプルコードです。このサンプルコードでは、東京タワーにイメージアイコンを表示します。球面座標系(経度、緯度、高度)で視点を設定。viewer.scene.addEntity(imag_icon_entity);</script>このサンプルコードの詳細を以下で解説します。htmlの記述1~25行目がでhtmlの定義です。ヘルプページ『緯度経度によるカメラ位置の指定』で示したhtmlファイルからタイトルのみを変更します。詳細はヘルプページ『緯度経度によるカメラ位置の指定』を参照してください。</body></html>カメラ位置・向きの設定29~61行目でMapray.Viewerクラスを作成し、カメラ位置・向きを設定します。詳細はヘルプページ『緯度経度によるカメラ位置の指定』を参照してください。球面座標系(経度、緯度、高度)で視点を設定。500000;ImageIconEntityの生成イメージアイコンを表示するためには、イメージアイコンの情報を管理するクラス(ImageIconEntity)が必要です。そのため、64行目でImageIconEntityのインスタンスを生成します。コンストラクタの引数には、作成したMapray.Viewerのシーン(Mapray.Viewer.scene)を指定します。mapray.ImageIconEntity(viewer.scene);イメージアイコンの生成67~70行目で、イメージアイコンを生成します。67行目で東京タワーの経度・緯度・高度からGeoPointクラスを定義し、70行目のaddImageIcon関数でピンを作成します。addImageIcon関数には、表示する画像のURL、ピンを表示する位置、生成オプションとしてアイコンの大きさ(縦、横)を、それぞれ設定します。});ImageIconEntityの追加73行目でImageIconEntityを作成したmapray.Viewerのシーンに追加します。mapray.Viewerのシーンに追加することでイメージアイコンが表示されます。エンティティをシーンに追加viewer.scene.addEntity(imag_icon_entity);出力イメージこのサンプルコードの出力イメージは下図のようになります。