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

我正在开发一个web应用程序，它需要在手机上获取一个人的位置。它是一个基于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>

var x=document.getElementById（“演示”）；
函数getLocation（）
{
if（导航器.地理位置）
{
导航器、地理位置、监视位置（showPosition）；
}
else{x.innerHTML=“此浏览器不支持地理位置。”；}
}
功能显示位置（位置）
{
x、 innerHTML=“纬度：”+position.coords.Latitude+
“
经度：”+position.coords.Longitude；
}
window.onload=getLocation（）；

---

我在iphone上的mobile safari中运行了它，还为safari启用了位置服务，还允许它在提示时获取我的位置。但是当页面加载时，我有一个空页面。是否有其他方法获取用户的位置，或者我在这里做错了什么？我要确切的位置。我的意思是，用户在哪个区域或块中。我使用了iPhone4和ios 6.1。我使用edge加载页面。

你解决过这个问题吗？我现在正在寻找答案：/