Campus Map Tour

学習内容

DIT UENOの本号館、2号館、3号館を地図に表示。

部品Map, Markerの使い方、複数画面の切り替え。

手順

1. 資料のテンプレート aiaをダウンロード

2. ダウンロードしたファイル名変更：TourGuide_template.aiaをCampusTourGuide.aia

3. CampusTourGuide.aiaをインポートする

資料

このプロジェクトのテンプレート aia は次の場所にあります。

The template aia for this project can be found here:

https://drive.google.com/file/d/1LfOxjze_6oMWzCm3wQur_y7pdExLzqVt/view

Campus Map Tour 画面1

メイン画面。DIT UENOの本号館、2号館、3号館を地図に表示。

Mapを追加

マップの中心は、上野駅？Google Mapで検索してください。

Marker１、２、３を追加

本館、2号館、3号館のGPS座標は、Google Mapで検索してください。

三号館：〒110-0014 東京都台東区北上野１丁目７−４

Campus Map Tour Blocks1

Marker長押しの場合、画面２へ遷移

Campus Map Tour 画面2

Location画面。Markerの音声紹介

各Marker写真の用意

building1.jpg

building2.jpg

building3.jpg

Galleryボタン

画面３へ遷移する

Campus Map Tour Blocks2

各Markerデータをリストで用意

画面初期化

画面初期化する際、呼び出し元のStart Valueを利用

Campus Map Tour 画面3

Gallery画面。

Campus Map Tour Blocks3

写真Gallery画面、撮影、閲覧できます。

時間の関係で、戻りボタンだけ動作を設定した。