当前位置: 美高梅棋牌 > 热门直播 > 正文

使用JS获取当前地理地方方法汇总_javascript技艺

时间:2019-12-03 23:51来源:热门直播
今年的项目开发中,初步接触了移动端WEB开发,也就边学习HTML5边开发,主要使用了JQueryMobile技术,发现这个不适合做互联网产品,大部分样式都需要重写,只用了部分功能。手机端W

今年的项目开发中,初步接触了移动端WEB开发,也就边学习HTML5边开发,主要使用了JQuery Mobile技术,发现这个不适合做互联网产品,大部分样式都需要重写,只用了部分功能。手机端WEB开发过程中第一次接触了定位功能,通过各大搜索引擎发现手机端定位都是通过浏览器的定位,而用在PC端浏览器第一次会弹出提示“是否开启定位功能”,Boss看到这个提示,却觉得对用户的体验效果不好,不好那我换一种方式实现不就好了,这又不是多大的事,而Boss的脸色就大变,就说:不应该有这样的体验。我们这样做不都是为了赶时间,能够尽快将新功能发布嘛。

本文实例为大家分享了JS获取当前地理位置方法的具体代码,供大家参考,具体内容如下

1.手机WEB定位方法:

1.手机定位

复制代码 代码如下:var getLocation = function (successFunc, errorFunc) { //successFunc获取定位成功回调函数,errorFunc获取定位失败回调 //首先设置默认城市 var defCity = { id: '000001', name: '北京市', date: curDateTime()//获取当前时间方法 }; //默认城市 $.cookie('VPIAO_MOBILE_DEFAULTCITY', JSON.stringify, { expires: 1, path: '/' }); if (navigator.geolocation) { navigator.geolocation.getCurrentPosition { var lat = position.coords.latitude; var lon = position.coords.longitude; //var map = new BMap.Map; // 创建Map实例 var point = new BMap.Point; // 创建点坐标 var gc = new BMap.Geocoder(); gc.getLocation { var addComp = rs.addressComponents; var curCity = { id: '', name: addComp.province, date: curDateTime() }; //当前定位城市 $.cookie('VPIAO_MOBILE_CURRENTCITY', JSON.stringify, { expires: 7, path: '/' }); //alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street); if (successFunc != undefined) successFunc; }, function { switch { 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, { expires: 1, path: '/' }); if (errorFunc != undefined) errorFunc; }, { timeout: 5000, enableHighAccuracy: true }); } else { alert; if (errorFunc != undefined) errorFunc; }};var showPosition = function { var lat = position.coords.latitude; var lon = position.coords.longitude; //var map = new BMap.Map; // 创建Map实例 var point = new BMap.Point; // 创建点坐标 var gc = new BMap.Geocoder(); gc.getLocation { var addComp = rs.addressComponents; var curCity = { id: '', name: addComp.province, date: curDateTime() }; //当前定位城市 $.cookie('VPIAO_MOBILE_CURRENTCITY', JSON.stringify, { expires: 7, path: '/' }); //alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street); });};var showPositionError = function { switch { 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, { expires: 1, path: '/' });};

var getLocation = function (successFunc, errorFunc) { //successFunc获取定位成功回调函数,errorFunc获取定位失败回调 //首先设置默认城市 var defCity = { id: '000001', name: '北京市', date: curDateTime()//获取当前时间方法 }; //默认城市 $.cookie('VPIAO_MOBILE_DEFAULTCITY', JSON.stringify, { expires: 1, path: '/' }); if (navigator.geolocation) { navigator.geolocation.getCurrentPosition { var lat = position.coords.latitude; var lon = position.coords.longitude; //var map = new BMap.Map; // 创建Map实例 var point = new BMap.Point; // 创建点坐标 var gc = new BMap.Geocoder(); gc.getLocation { var addComp = rs.addressComponents; var curCity = { id: '', name: addComp.province, date: curDateTime() }; //当前定位城市 $.cookie('VPIAO_MOBILE_CURRENTCITY', JSON.stringify, { expires: 7, path: '/' }); //alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street); if (successFunc != undefined) successFunc; }, function  { switch  { 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, { expires: 1, path: '/' }); if (errorFunc != undefined) errorFunc; }, { timeout: 5000, enableHighAccuracy: true }); } else { alert; if (errorFunc != undefined) errorFunc; }};var showPosition = function  { var lat = position.coords.latitude; var lon = position.coords.longitude; //var map = new BMap.Map; // 创建Map实例 var point = new BMap.Point; // 创建点坐标 var gc = new BMap.Geocoder(); gc.getLocation { var addComp = rs.addressComponents; var curCity = { id: '', name: addComp.province, date: curDateTime() }; //当前定位城市 $.cookie('VPIAO_MOBILE_CURRENTCITY', JSON.stringify, { expires: 7, path: '/' }); //alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street); });};var showPositionError = function  { switch  { 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, { expires: 1, path: '/' });};

前提要引入百度API:

前提要引入百度API:

2.PC端通过IP实现方法:

2.获取客户端IP方法

采用腾讯提供的接口,这个目前已经不能使用了

var url = 'http://chaxun.1616.net/s.php?type=ip&output=json&callback=?&_=' + Math.random(); $.getJSON { alert;

复制代码 代码如下:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

采用新浪接口:

多地域测试方法:

复制代码 代码如下:

网易有道IP地址接口

编辑:热门直播 本文来源:使用JS获取当前地理地方方法汇总_javascript技艺

关键词: