1

我有一个简单的 JavaScript 代码,可以获取用户坐标,在计算机上运行良好,但在手机上却不能这么说。

function getLocation()
  {
  if (navigator.geolocation)
    {
    navigator.geolocation.getCurrentPosition(showPosition);
    }
  else{x.innerHTML="Geolocation is not supported by this browser.";}
}

从 w3schools 得到这个。第一次询问我是否想分享我的位置(同意),当我按下按钮执行该功能时,什么也没有发生(也没有错误消息),在我的电脑上工作,所以它不是代码。尝试了 2 种不同的设备:galaxy nexus 和galaxy s2 都是软糖。尝试了 chrome、chrome beta、firefox 和内置浏览器。在其中一些上,它甚至不需要弹出“共享位置”消息。我该如何解决?

4

2 回答 2

1

我以前也遇到过这个问题,我认为无法强制共享位置,您至少必须提示用户是否要打开位置服务。但是,这里有一个线程详细说明了如何提示 android 用户打开共享位置。另外,我会避免使用 w3schools。

良好的地理定位应用程序: http ://www.9lessons.info/2011/06/geo-location-with-html5-and-jquery.html

于 2013-02-28T19:58:50.603 回答
0

Html5 地理定位需要用户许可。如果您不想要这个,请使用外部定位器,例如https://www.geoip-db.com他们提供 JSON 和 JSONP 回调解决方案。

一个普通的javascript示例:

<!DOCTYPE html>
<html>
<head>
<title>Geo City Locator by geoip-db.com</title>
</head>
<body>
    <div>Country: <span id="country"></span></div>
    <div>State: <span id="state"></span></div>
    <div>City: <span id="city"></span></div>
    <div>Postal: <span id="postal"></span></div>
    <div>Latitude: <span id="latitude"></span></div>
    <div>Longitude: <span id="longitude"></span></div>
    <div>IP address: <span id="ipv4"></span></div>                             
</body>

<script>

    var country = document.getElementById('country');
    var state = document.getElementById('state');
    var city = document.getElementById('city');
    var postal = document.getElementById('postal');
    var latitude = document.getElementById('latitude');
    var longitude = document.getElementById('longitude');
    var ip = document.getElementById('ipv4');

    function callback(data)
    {
        country.innerHTML = data.country_name;
        state.innerHTML = data.state;
        city.innerHTML = data.city;
        postal.innerHTML = data.postal;
        latitude.innerHTML = data.latitude;
        longitude.innerHTML = data.longitude;
        ip.innerHTML = data.IPv4;
    }

    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = 'https://geoip-db.com/json/geoip.php?jsonp=callback';
    var h = document.getElementsByTagName('script')[0];
    h.parentNode.insertBefore(script, h);

</script> 
</html>
于 2016-10-13T13:20:35.817 回答