地理定位在手机上不起作用
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>
【讨论】:
以上是关于地理定位在手机上不起作用的主要内容,如果未能解决你的问题,请参考以下文章