コース: PhoneGap BuildでGPSを使った地図アプリを作ろう
今すぐ登録して、25,300件以上登録されている、業界エキスパート指導のコースを受講しましょう。
現在地取得成功時の処理
このレッスンでは 現在地の取得に成功した際の 処理の実行方法について 解説していきます まずはダウンロードしてきた こちらの「on_success」という フォルダの中に入っている 「js」フォルダの中の 「index.ｊs」ファイル こちらを エディタで開いてください そして これがそのファイルを開いた状態です このファイルを使って 今回のレッスンの解説を 進めていきたいと思います それでは 早速レッスンを始めていきましょう まずは 前回のレッスンまでの おさらいをしていきたいと思います 前回までのレッスンでは こちらの部分ですね 実機端末のGPS機能にアクセスして 現在地を取得する命令を こちらの部分に書いて そして こちらの第二引数 要するに 位置情報を 正常に取得できなかった場合の コールバック関数 「onError」を定義して こちらにその処理を記載しました 今回はその逆で きちんと位置情報の取得が完了できた場合 こちらの第二引数の「onSuccess」の コールバック関数の 作成をしていってみたいと思います 今回注目していただきたい部分は こちらのファイルの中の この部分となっています それでは具体的にどのように コールバック関数「onSuccess」を 実装しているか見ていきたいと思います まずは「onError」と同じく 関数を作成していきます 「var onSuccess」という変数を作って その中に「function()」 そしてここの引数の中には 「position」という変数を入れておきます そして「｛｝」で処理を終えています そして そのコールバック関数 「onSuccess」の具体的な処理として この「｛｝」の中に 「showMap」を入れています この「showMap」という関数は 地図を表示するための関数でしたね ここまで実装できれば まずは「onSuccess」の コールバック関数の作成は完了です ただ一点見ていただきたいのが こちらの部分です こちらの引数「position」には こちらのGPSにアクセスして 現在地を取得してきたそのデータが 格納されてくることになります この「onSuccess」を 現状のまま実行させると デフォルトで設定している 東京を中心とした地図が 表示されてくることになりますが 以降のレッスンでは…
エクササイズファイルを使って実践してみましょう。
インストラクターがコースで使用しているファイルはダウンロードできます。見て、聞いて、練習することで、理解度を深めることができます。
コースをダウンロードして学習しましょう。
ラーニングコースをダウンロードしてオフラインで視聴しましょう。ダウンロードしたコースはLinkedInラーニングのモバイルアプリ (iOSまたはAndroid) で視聴できます。