Jquery移动无法获得经纬度

时间:2013-06-26 04:03:47

标签: jquery google-maps jquery-mobile gps

我正在尝试使用Jquery在我的移动应用中获取当前位置。我按照本教程,复制了样本。我将文件保存为.html文件并尝试从手机打开。代码无法获取当前的纬度和经度。

显示当前GPS坐标

<!DOCTYPE html> 
<html> 
<head> 
  <meta name=viewport content="user-scalable=no,width=device-width" />
  <link rel=stylesheet href=jquery.mobile/jquery.mobile.css />
  <script src=jquery.js></script>
  <script src=jquery.mobile/jquery.mobile.js></script>
</head> 

<body> 

<div data-role=page id=home>
  <div data-role=header>
    <h1>Home</h1>
  </div>

  <div data-role=content>
    <span> Latitude : </span> <span id=lat></span> <br />
    <span> Longitude : </span> <span id=lng></span> <br />
  </div>
</div>

</body>
</html>

<script>

navigator.geolocation.getCurrentPosition (function (pos)
{
  var lat = pos.coords.latitude;
  var lng = pos.coords.longitude;
  $("#lat").text (lat);
  $("#lng").text (lng);
});

</script>

2 个答案:

答案 0 :(得分:0)

您没有写下您正在测试的手机类型。 但是我在iPhone上尝试了一次,但它没有用。 在iOS上,您需要为应用程序启用locationservices。 Locationservices位于Settings-&gt; General。

话虽如此,我没有通过你的脚本来查看那里是否有任何问题,但我在jsfiddle中尝试了它,它在桌面上对我来说很好。

答案 1 :(得分:0)

使用它。这对我有用......还应该上传到服务器。无法在localhost上运行..

$(document).ready(function (e) {
  navigator.geolocation.getCurrentPosition(function (pos) {
      var lat = pos.coords.latitude;
      var lng = pos.coords.longitude;
      if (lat == null) {
        alert("GPS not activated");
      }
   });
});