关于 html5 获取定位

This topic created in 3736 days ago, the information mentioned may be changed or developed.

使用 localhost 本机访问没问题。一旦换成 ip 地址访问就不行。报用户拒绝访问的错。丢到服务器上也是这样。、

$(function(){ getLocation(); }); function getLocation(){
if (navigator.geolocation){
navigator.geolocation.getCurrentPosition(showPosition,showError);
}else{
alert("浏览器不支持地理定位。");
}
}
function showPosition(position){
var lat = position.coords.latitude; //纬度
var lag = position.coords.longitude; //经度
alert('纬度:'+lat+',经度:'+lag);
}
function showError(error){
switch(error.code) {
case error.PERMISSION_DENIED:
alert("定位失败,用户拒绝请求地理定位");
break;
case error.POSITION_UNAVAILABLE:
alert("定位失败,位置信息是不可用");
break;
case error.TIMEOUT:
alert("定位失败,请求获取用户位置超时");
break;
case error.UNKNOWN_ERROR:
alert("定位失败,定位系统失效");
break;
}
} 上代码每次输出,用户拒绝请求地理定位

10 replies • 2016-08-16 14:20:46 +08:00

cnqncom

Aug 16, 2016

关注哈子，我好像没有遇到这样的情况

DualWield

Aug 16, 2016

代码这样基本不会有人看了

wanderingFaker

Aug 16, 2016

@DualWield 为什么呢小白一枚

ziki

Aug 16, 2016

刚好遇到这个问题，貌似是新版的 Chrome 只允许 localhost 域或者是走 https 的链接在允许获取地理位置信息

morethansean

Aug 16, 2016

https://developers.google.com/web/updates/2016/04/geolocation-on-secure-contexts-only?hl=en

fahai

Aug 16, 2016

getCurrentPosition() and watchPosition() no longer work on insecure origins. To use this feature, you should consider switching your application to a secure origin, such as HTTPS. See https://goo.gl/rStTGz for more details.

DualWield

Aug 16, 2016

@wanderingFaker 代码没有对齐

zander1024

Aug 16, 2016

$(function() {
getLocation();
});
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition, showError);
} else {
alert("浏览器不支持地理定位。");
}
}
function showPosition(position) {
var lat = position.coords.latitude; //纬度
var lag = position.coords.longitude; //经度
alert('纬度:' + lat + ',经度:' + lag);
}
function showError(error) {
switch (error.code) {
case error.PERMISSION_DENIED:
alert("定位失败,用户拒绝请求地理定位");
break;
case error.POSITION_UNAVAILABLE:
alert("定位失败,位置信息是不可用");
break;
case error.TIMEOUT:
alert("定位失败,请求获取用户位置超时");
break;
case error.UNKNOWN_ERROR:
alert("定位失败,定位系统失效");
break;
}
}
------------------------------------------------
我帮你格式化下。。

zander1024

Aug 16, 2016

诶卧槽明明格式化好的。。

bdbai

Aug 16, 2016 via Android

@zander1024 用 Gist 或者各种 Paste