出力イメージmapray.PinEntityを使ってピンを表示する方法を説明します。このサンプルコードでは、皇居と東京駅と東京タワーにピンを表示します。球面座標系(経度、緯度、高度)で視点を設定。</script>このサンプルコードの詳細を以下で解説します。htmlの記述1~25行目がでhtmlの定義です。ヘルプページ『緯度経度によるカメラ位置の指定』で示したhtmlファイルからタイトルのみを変更します。詳細はヘルプページ『緯度経度によるカメラ位置の指定』を参照してください。カメラ位置・向きの設定29~61行目でMapray.Viewerクラスを作成し、カメラ位置・向きを設定します。詳細はヘルプページ『緯度経度によるカメラ位置の指定』を参照してください。球面座標系(経度、緯度、高度)で視点を設定。PinEntityの生成ピンを表示するためには、ピンの情報を管理するクラス(PinEntity)が必要です。そのため、64行目でPinEntityのインスタンスを生成します。コンストラクタの引数には、作成したMapray.Viewerのシーン(Mapray.Viewer.scene)を指定します。表示ピンの生成67~70行目で、標準のピンを生成します。67行目で皇居の経度・緯度・高度からGeoPointクラスを定義し、70行目のaddPin関数でピンを作成します。addPin関数には、ピンを表示する位置、生成オプションとしてピンの大きさと色を、それぞれ設定します。Makiアイコンピンの生成73~76行目で、Makiアイコンのピンを生成します。73行目で東京駅の経度・緯度・高度からGeoPointクラスを定義し、76行目のaddMakiIconPin関数でピンを生成します。addMakiIconPin関数には、Makiアイコンの名称、ピンを表示する位置、生成オプションとしてピンの大きさと色を、それぞれ設定します。Makiアイコンとは、Makiアイコンに掲載されているアイコンを指します。各アイコンの名称を指定することで、自由にアイコンを使用することができます。テキストピンの生成79~82行目で、テキストのピンを生成します。79行目で東京タワーの経度・緯度・高度からGeoPointクラスを定義し、82行目のaddTextPin関数でピンを生成します。addTextPin関数には、表示する文字、ピンを表示する位置、生成オプションとしてピンの大きさと色を、それぞれ設定します。PinEntityの追加85行目でPinEntityを作成したmapray.Viewerのシーンに追加します。mapray.Viewerのシーンに追加することでピンが表示されます。出力イメージこのサンプルコードの出力イメージは下図のようになります。Corporation。