このレッスンはアーカイブされました
このレッスンは視聴可能ですが、質問の受付や内容の更新は終了しております。
-
#01 ひな形ファイルを作ろう (02:48) 無料公開中
- ひな形ファイルの作成
- 公式ドキュメントについて
-
#02 最初の地図を表示させよう (02:17) 無料公開中
- 地図の座標を緯度経度で指定
- 地図のオプションを指定
- 地図の描画
-
#03 地図のオプションを変更する (02:52) 無料公開中
- ズームレベルを変更
- 地図の種類を変更
- コントロールの非表示
-
#04 マーカーを表示する (02:24) 無料公開中
- マーカーの表示
- マーカー位置を地図から取得
-
#05 クリックしてマーカーを表示する (01:51)
- 地図へクリックイベントを設定
- クリックした位置へマーカーを表示
-
#06 マーカーのオプションを変更する (02:16)
- マーカーをドラッグ可能にする
- マーカーのアイコンを変更
- マーカーのタイトルを変更
-
#07 情報ウィンドウを表示する (02:03)
- 情報ウィンドウの作成
- 内容の指定
- 情報ウィンドウの表示
-
#08 マーカーと情報ウィンドウの連動 (02:03)
- マーカーの表示
- クリックイベントの設定
-
#09 住所から緯度経度を算出する (1) (02:42)
- Geocoderの準備
-
#10 住所から緯度経度を算出する (2) (01:54)
- 緯度経度を取得する
- 地図を表示する
-
#11 クリック位置の住所を表示する (1) (02:32)
- クリックイベントの設定
- マーカーの表示
-
#12 クリック位置の住所を表示する (2) (02:00)
- クリック位置から住所を取得。
-
#13 クリック位置の住所を表示する (3) (02:24)
- 情報ウィンドウの作成
- 情報ウィンドウの表示
- 情報ウィンドウの内容を設定
-
#14 住所を入力して地図を移動させる (1) (02:49)
- フォームの設置
- デフォルト地図の表示
-
#15 住所を入力して地図を移動させる (2) (02:05)
- ボタンクリック時のイベントを作成
- 入力された住所をもとにgeocoderを起動
-
#16 住所を入力して地図を移動させる (3) (02:00)
- 地図の移動
- 動作確認
-
#17 現在地の地図を表示する (1) (02:09)
- HTML5によるgeolocationの説明
- 動作環境の説明
- navigator.geolocationの取得
-
#18 現在地の地図を表示する (2) (02:42)
- 緯度経度の取得
- 地図の表示
-
#19 現在地の地図を表示する (3) (01:07)
- ファイルのアップロード
- 動作確認
