在HTML5 Geolocation请求上显示微调器

Question

我在html网页上有一个按钮，点击该按钮后会收到Geolocation个详细信息，可能会处理大约5 seconds的请求，所以它很好向用户显示微调器或加载消息以指示他们的请求正在处理。

这就是我的尝试。

if (navigator.geolocation) {
    //request starts Showing the spinner at this point.

    navigator.geolocation.getCurrentPosition(function(position) {

        //get coordinates

    }, function (error) {
        // Handle errors !!This callback isn't execute if a user close the 
        // geolocation prompt or click on `Not Now` option in the prompt

        // So its not always correct to hide the spinner in here.

    }, {enableHighAccuracy: true, timeout: 8000});
}

隐藏微调器errorCallback并不总是正确的，因为如果用户close Geolocation prompt或点击Not Now选项，则不会执行此回调提示如下图所示。

最好的方法是什么？

Answer 1

使用Jquery Spinner更可靠。

http://www.jqueryscript.net/tags.php?/loading%20spinner/