授業でgooglemapAPIとぐるなびAPIを使用して
観光案内サイトを制作しました。
2020年1〜2月(約2ヶ月)
photoshop・illustrator・Dreamweaver
HTML・CSS・jQuery
ライブを観に名古屋へきた人
名古屋市中区は名古屋市の中でライブハウスが集まっているエリアです。そのため、ターゲットをライブを見るために中区へ来た方に絞り、到着から開演までの時間で場所を離れすぎず、手軽にできる観光の案内をするサイトを制作しました。
サイトコンセプト
ライブハウスへ来る人に付近での観光スポットや名古屋めしを食べられるお店などの情報を提供するサイト
デザインコンセプト
ライブを見るために他県からやって来るアクティブな人へ向けた元気で明るいデザイン
GoogleMapAPI
GoogleMapAPIを使用し、カフェや観光スポットなどにチェックを入れると、マップにピンが立つよう設定しました。また、ライブハウスを表す音符印のマーカーをクリックすることで、情報ウインドにてライブハウス名が表示されるよう設定しました。
ぐるなびAPI
ぐるなびAPIの情報を使用し、チェックボックスで指定することによって出るマップのマーカーの緯度経度や、マップの下に表示される営業時間などのカフェの情報を表示しました。
