このレッスンはアーカイブされました
このレッスンは視聴可能ですが、質問の受付や内容の更新は終了しております。
-
#01 Google Mapsを使ってみよう (02:03) 無料公開中
- 公式サイトの確認
- 雛形ファイルの作成
-
#02 描画の準備をしよう (02:52) 無料公開中
- Google Map APIの読み込み
- initMap()の作成
-
#03 APIキーを取得しよう (02:40) 無料公開中
- APIキーの取得
- キーの制限について
-
#04 マップを描画してみよう (02:58) 無料公開中
- マップの描画
- ズームレベルについて
-
#05 マップのオプションを見ていこう (02:52)
- 公式ドキュメントの確認
- 描画オプションについて
-
#06 マップにイベントを設定してみよう (02:39)
- クリックイベントの設定
- setCenter() / panTo()
-
#07 マーカーを表示してみよう (02:26)
- マーカーの配置
- タイトルの設定
- アニメーション設定
-
#08 インタラクティブにマーカーを操作しよう (02:32)
- クリックイベントの設定
- マーカーの追加/削除
-
#09 情報ウィンドウを表示させよう (02:58)
- 情報ウィンドウの配置
-
#10 マーカーと情報ウィンドウを紐付けよう (02:46)
- マーカーと情報ウィンドウの紐付け
-
#11 ジオコーディングを使ってみよう (02:44)
- Gocoding API の有効化
- 入力フォームの作成
-
#12 住所を緯度経度に変換しよう (02:31)
- 住所から緯度経度への変換
- エラー処理の実装
- 動作確認
-
#13 リバースジオコーディングを使おう (01:50)
- 緯度経度から住所への変換
-
#14 緯度経度から住所を割り出そう (02:34)
- エラー処理の実装
- 動作確認
-
#15 Places APIを使ってみよう (02:58)
- Places APIの有効化
-
#16 施設情報を検索してみよう (02:24)
- 施設情報の検索処理
- 動作確認
-
#17 Geolocationを使ってみよう (02:41)
- ユーザーの位置情報の取得
- 地図の描画
