navigator.geolocation.getCurrentPosition冻结网页

Question

我正在构建一个phonegap应用程序，我有一个像这样的输入元素：

<input type="text" id="currLocation"></input>

我在页面底部有一个像这样的Javascript代码：

 $(document).ready(function(){
   geocoder = new google.maps.Geocoder();
   navigator.geolocation.getCurrentPosition(onSucc, onFail,{timeout: 10000, enableHighAccuracy: true});
 }

获取用户的当前位置。此代码工作正常，但我遇到的唯一问题是页面冻结，直到getCurrentPosition()完成加载（成功或失败）并且整个页面显示为白色。我想要的是至少应该显示DOM元素，这个getCurrentPosition()应该在后台执行，因此UI不会冻结。我该如何实现这一目标？我尝试通过在页面底部调用没有函数的那些来做这样的事情：

<script> geocoder = new google.maps.Geocoder(); navigator.geolocation.getCurrentPosition(onSucc, onFail,{timeout: 10000, enableHighAccuracy: true}); <script>

但我得到以下错误：

  

未捕获的TypeError：无法在'Geolocation'上执行'getCurrentPosition'：作为参数1提供的回调不是函数

有人可以指导我吗？