GPS情報取得中にローディング画像を表示したい。

Question

下記のページを参考にして、GPS関連の処理を作成しています。
JavaScriptで位置情報を取得する方法(Geolocation API)

function test() {
    navigator.geolocation.getCurrentPosition(test2, errorFunc, optionObj);
}

サイトを参考に、上記のコードでGPSの各種情報は取得できたのですが、取得するまで時間がかかる場合があります。
その間に gif などでローディング画像を表示させたいのですが上手くいきません。

※ローディングアニメーションについてはこちらを参考にしました。
[javascript] 処理中にローディングの画面を表示して、処理が終了したら消す方法

サイトを参考にしてコードを書いてみたのですが、ローディング画像が上手く表示されません。
※gif画像などは配置しています。

function test() {
    dispLoading("処理中");

    navigator.geolocation.getCurrentPosition(test2, errorFunc, optionObj);

    removeLoading();
}

これはGPSを取得する関数自体が非同期でおこなわれていないため、上手くいかないのでしょうか？
アドバイスをいただけると助かります。m(_ _)m

Answer 1

参考ページ見たけど、むしろ非同期で実行する作りに見える
画像が表示されてそのまま直後に画像が消えてるだけのような気がします
**removeLoading();**をtest2かerrorFuncの中でやるようにすれば良いでしょう

navigator.geolocation.getCurrentPosition(function(){
    removeLoading();
}, errorFunc, optionObj);

Comments

[future]

ありがとうございます！
無事に表示されました！

Answer 2

removeLoading(); を 関数test2 関数errorFunc内で実行してください。

Comments

[future]

ありがとうございます！
ご指摘の通りにコードを書くことで、無事に表示されました！