导航:首页 > 地理科目 > js如何获取客户端的地理位置

js如何获取客户端的地理位置

发布时间:2023-06-15 18:17:07

‘壹’ javascript 怎么获得手机地理位置 比如经纬度

<script>
navigator.geolocation.getCurrentPosition(//该函数有如下三个参数
function(pos){//如果成果则执行该回调函数
alert(
'经度:'+pos.coords.latitude+
'纬度:'+pos.coords.longitude+
'高度:'+pos.coords.altitude+
'精确度(经纬):'+pos.coords.accuracy+
'精确度(高度):'+pos.coords.altitudeAccuracy+
'速度:'+pos.coords.speed
);
},function(err){//如果失败则执行该回调函数
alert(err.message);
},{//附带参数
enableHighAccuracy:false,//提高精度(耗费资源)
timeout:3000,//超过timeout则调用失败的回调函数
maximumAge:1000//获取到的地理信息的有效期,超过有效期则重新获取一次位置信息
}
);
</script>


>> 参考Lecaf 同学的博文

>> 需要支持HTML5的浏览器才能支持

>> 哪怕支持HTML5的浏览器支持也不一定很好

‘贰’ js中如何得到客户端的地理位置

手机WEB定位方法:代码。
var getLocation = function (successFunc, errorFunc) { //successFunc获取定位成功回调函数,errorFunc获取定位失败回调
//首先设置默认城市
var defCity = {
id: '000001',
name: '北京市',
date: curDateTime()//获取当前时间方法
};
//默认城市
$.cookie('VPIAO_MOBILE_DEFAULTCITY', JSON.stringify(defCity), { expires: 1, path: '/' });
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function (position) {
var lat = position.coords.latitude;
var lon = position.coords.longitude;
//var map = new BMap.Map("container"); // 创建Map实例
var point = new BMap.Point(lon, lat); // 创建点坐标
var gc = new BMap.Geocoder();
gc.getLocation(point, function (rs) {
var addComp = rs.addressComponents;
var curCity = {
id: '',
name: addComp.province,
date: curDateTime()
};
//当前定位城市
$.cookie('VPIAO_MOBILE_CURRENTCITY', JSON.stringify(curCity), { expires: 7, path: '/' });
//alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street);
if (successFunc != undefined)
successFunc(addComp);
});
},
function (error) {
switch (error.code) {
case 1:
alert("位置服务被拒绝。");
break;
case 2:
alert("暂时获取不到位置信息。");
break;
case 3:
alert("获取位置信息超时。");
break;
default:
alert("未知错误。");
break;
}
var curCity = {
id: '000001',
name: '北京市',
date: curDateTime()
};
//默认城市
$.cookie('VPIAO_MOBILE_DEFAULTCITY', JSON.stringify(curCity), { expires: 1, path: '/' });
if (errorFunc != undefined)
errorFunc(error);
}, { timeout: 5000, enableHighAccuracy: true });
} else {
alert("你的浏览器不支持获取地理位置信息。");
if (errorFunc != undefined)
errorFunc("你的浏览器不支持获取地理位置信息。");
}
};
var showPosition = function (position) {
var lat = position.coords.latitude;
var lon = position.coords.longitude;
//var map = new BMap.Map("container"); // 创建Map实例
var point = new BMap.Point(lon, lat); // 创建点坐标
var gc = new BMap.Geocoder();
gc.getLocation(point, function (rs) {
var addComp = rs.addressComponents;
var curCity = {
id: '',
name: addComp.province,
date: curDateTime()
};
//当前定位城市
$.cookie('VPIAO_MOBILE_CURRENTCITY', JSON.stringify(curCity), { expires: 7, path: '/' });
//alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street);
});
};
var showPositionError = function (error) {
switch (error.code) {
case 1:
alert("位置服务被拒绝。");
break;
case 2:
alert("暂时获取不到位置信息。");
break;
case 3:
alert("获取位置信息超时。");
break;
default:
alert("未知错误。");
break;
}
var curCity = {
id: '000001',
name: '北京市',
date: curDateTime()
};
//默认城市
$.cookie('VPIAO_MOBILE_DEFAULTCITY', JSON.stringify(curCity), { expires: 1, path: '/' });
};.
前提要引入网络API:<script src="http://api.map..com/api?v=1.4" type="text/javascript"></script>。
2. PC端通过IP实现方法:

采用腾讯提供的接口,这个目前已经不能使用。
<script type="text/javascript" src="http://fw.qq.com/ipaddress"></script>
<script type="text/javascript">
document.write(IPData[0]); //显示IP地址
document.write(IPData[2]); //显示省
document.write(IPData[3]); //显示市
</script>
3 . 获取客户端IP方法
<script>
var url = 'http://chaxun.1616.net/s.php?type=ip&output=json&callback=?&_=' + Math.random();
$.getJSON(url, function(data) {
alert(data.Ip);
});
</script>

阅读全文

与js如何获取客户端的地理位置相关的资料

热点内容
word中化学式的数字怎么打出来 浏览:701
乙酸乙酯化学式怎么算 浏览:1370
沈阳初中的数学是什么版本的 浏览:1315
华为手机家人共享如何查看地理位置 浏览:1008
一氧化碳还原氧化铝化学方程式怎么配平 浏览:845
数学c什么意思是什么意思是什么 浏览:1366
中考初中地理如何补 浏览:1257
360浏览器历史在哪里下载迅雷下载 浏览:668
数学奥数卡怎么办 浏览:1347
如何回答地理是什么 浏览:987
win7如何删除电脑文件浏览历史 浏览:1020
大学物理实验干什么用的到 浏览:1445
二年级上册数学框框怎么填 浏览:1657
西安瑞禧生物科技有限公司怎么样 浏览:821
武大的分析化学怎么样 浏览:1210
ige电化学发光偏高怎么办 浏览:1299
学而思初中英语和语文怎么样 浏览:1603
下列哪个水飞蓟素化学结构 浏览:1385
化学理学哪些专业好 浏览:1449
数学中的棱的意思是什么 浏览:1015