地理定位在手机上不起作用

Posted

技术标签:

【中文标题】地理定位在手机上不起作用【英文标题】:geolocation doesn't work on mobiles 【发布时间】:2013-02-28 19:34:44 【问题描述】:

我有一个简单的 javascript 代码,它可以获取用户坐标,在计算机上运行良好,但在手机上就不行了。

function getLocation()
  
  if (navigator.geolocation)
    
    navigator.geolocation.getCurrentPosition(showPosition);
    
  elsex.innerhtml="Geolocation is not supported by this browser.";

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

【问题讨论】:

【参考方案1】:

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

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

【讨论】:

【参考方案2】:

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

JSON:https://geoip-db.com/json/ JSONP 回调:https://geoip-db.com/json/geoip.php?jsonp=callback

一个简单的 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>

【讨论】:

以上是关于地理定位在手机上不起作用的主要内容,如果未能解决你的问题,请参考以下文章

javascript - 地理定位在codepen中不起作用

地理定位在谷歌浏览器中不起作用

在手机上获取当前位置,不起作用? [安卓]

react-slick 有问题。在手机上滑动不起作用

phonegap 地理定位不起作用

为啥当我遍历位置时地理定位不起作用