无法在javascript中使用地理位置获取移动设备的位置

Question

我正在开发一个网络应用，需要在移动设备上获取某个人的位置。它是一个基于Web浏览器的应用程序。我用谷歌搜索知道如何获取位置，我找到了以下代码。

    <p id="demo"></p>

<script>
var x=document.getElementById("demo");
function getLocation()
  {
  if (navigator.geolocation)
    {
    navigator.geolocation.watchPosition(showPosition);
    }
  else{x.innerHTML="Geolocation is not supported by this browser.";}
  }
function showPosition(position)
  {
  x.innerHTML="Latitude: " + position.coords.latitude + 
  "<br>Longitude: " + position.coords.longitude;    
  }
  window.onload = getLocation();
</script>

我在iphone的手机游戏中运行它，并启用了safari的位置服务，并允许它在提示符下获取我的位置。但是当页面加载时我有一个空页面。有没有其他方法来获取用户的位置或我在这里做错了什么？我想要确切的位置。我的意思是在用户所在的区域或区域。我用iphone 4和ios 6.1。我用edge加载页面。