网页获取当前地理地方www.301.net:,网页JS获取当前地理地方

网页获取当前地理位置(省市区),地理地点省市区

  眼看二零一四又要过去了,翻翻今年的小说好像平昔不写几篇,忙真的只怕早就无法变成借口了,在忙时间仍旧有个别,就如海绵里的水挤挤总会有滴。真真的来由是绝非上学过怎么新的本事,职业进程中遇见的难点亦不是可怜难并且本身感到是未曾怎么可以记录分享的,大部分都以复习在此以前的手艺,现在曾经专责前端本事,发掘那边的水恐怕极度深,技艺太多了,想学真的一时半会儿学不完。

  今年的门类支出中,开始接触了活动端WEB开拓,也就边上学HTML5边开辟,主要运用了JQuery
Mobile本领,开采那些不合乎做互连网产品,超越百分之五十样式都亟需重写,只用了一些机能。手提式有线电话机端WEB开辟过程中首先次接触了确定地点功用,通过各大搜索引擎开采手机端固定都以通过浏览器的一定,而用在PC端浏览器第1回会弹出提示“是或不是开启定位功用”,Boss看到这几个提醒,却以为对用户的经验效果不好,不佳那自身换一种方法完成不就好了,那又不是多大的事,而Boss的面色就大变,就说:不应有有与上述同类的心得。大家那样做不皆以为了赶时间,能够连忙将新功能公布嘛。

  1.手提式有线电话机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=””
type=”text/javascript”></script>

  2.PC端通过IP完毕格局:

  选用Tencent提供的接口,这一个近些日子一度无法选拔了  

<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>

  选择今日头条接口:  

  多地点测量检验方法:

<script type="text/javascript">
        $.getScript('http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js', function(_result) {
            if (remote_ip_info.ret == '1') {
                alert('国家:' + remote_ip_info.country + '<BR>省:' + remote_ip_info.province + '<BR>市:' + remote_ip_info.city + '<BR>区:' + remote_ip_info.district + '<BR>ISP:' + remote_ip_info.isp + '<BR>类型:' + remote_ip_info.type + '<BR>其他:' + remote_ip_info.desc);
            } else {
                alert('没有找到匹配的IP地址信息!');
            }
        });
</script>

  果壳网有道IP地址接口(那几个有待测量试验)

  

     Tmall呼吁接口(GET)

<script>
var ip = "124.127.108.133";
            var url = "http://ip.taobao.com/service/getIpInfo.php?ip=" + ip;
            $.getJSON(url, function (json) {
                var myprovince2 = json.data.area;
                var mycity2 = json.data.region;
                alert("您所在的城市是:" + myprovince2 + mycity2);
            });
</script>

  太平洋IP地址库API接口

  ]

  另外:还应该有google、今日头条等提供相应的接口,大家能够本人试一试。

 

  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获取当前地理地方方法汇总,js获取当前地理地点

当年的类型开垦中,初始接触了移动端WEB开荒,也就边求学HTML5边开荒,主要采取了JQuery
Mobile手艺,发掘这几个不适合做互连网产品,超越四分之二体裁都亟需重写,只用了一部分功能。手提式有线电话机端WEB开荒进程中第一回接触了定位效用,通过各大寻找引擎开掘手提式有线电话机端固定都是经过浏览器的永世,而用在PC端浏览器第二遍会弹出提醒“是还是不是张开定位效能”,Boss看到这几个提醒,却以为对用户的感受效果不佳,不佳那自个儿换一种办法贯彻不就好了,那又不是多大的事,而Boss的面色就大变,就说:不应该有如此的体会。我们这么做不都感到着赶时间,可以神速将新功用公布嘛。

  1.手提式有线电话机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=””
type=”text/javascript”></script>

  2.PC端通过IP完结情势:

  选取Tencent提供的接口,那些前段时间早已不能够运用了  

复制代码 代码如下:

<script type=”text/javascript”
src=”;
<script type=”text/javascript”>
    document.write(IPData[0]);    //显示IP地址
    document.write(IPData[2]);    //显示省
    document.write(IPData[3]);    //显示市
</script>

  采纳新浪接口:

  多地区测量检验方法:

复制代码 代码如下:

<script type=”text/javascript”>
       
$.getScript(”,
function(_result) {
            if (remote_ip_info.ret == ‘1’) {
                alert(‘国家:’ + remote_ip_info.country +
‘<BR>省:’ + remote_ip_info.province + ‘<BR>市:’ +
remote_ip_info.city + ‘<BR>区:’ + remote_ip_info.district +
‘<BR>ISP:’ + remote_ip_info.isp + ‘<BR>类型:’ +
remote_ip_info.type + ‘<BR>其他:’ + remote_ip_info.desc);
            } else {
                alert(‘没有找到相配的IP地址新闻!’);
            }
        });
</script>

  搜狐有道IP地址接口(那个有待测量试验)

  

     天猫商城呼吁接口(GET)

复制代码 代码如下:

<script>
var ip = “124.127.108.133”;
            var url = “” +
ip;
            $.getJSON(url, function (json) {
                var myprovince2 = json.data.area;
                var mycity2 = json.data.region;
                alert(“您所在的城阙是:” + myprovince2 + mycity2);
            });
</script>

  太平洋IP地址库API接口

  ]

  其余:还会有google、今日头条等提供对应的接口,大家可以和睦节和测验一试。

  新浪IP地址询问接口(默许GBK):

    
和讯IP地址询问接口(可设置编码):

     和讯别的的IP地址询问接口:

  3.到手客户端IP方法

复制代码 代码如下:

<script>
var url =
” +
Math.random();
            $.getJSON(url, function(data) {
                alert(data.Ip);
            });
</script>

  

  今日就写到那吗,还会有比比较多办事必要去完结,等一时间了足以试试别的接口。接待我们来拍砖,提供越来越好的主意。

二〇一六年的类型开荒中,开端接触了运动端WEB开采,也就边求学HTML5边开拓,主要采用了…

  今年的品种支出中,早先接触了运动端WEB开垦,也就边上学HTML5边开采,首要选拔了JQuery
Mobile技术,发掘这一个不符合做网络产品,半数以上体裁都亟需重写,只用了部分机能。手机端WEB开垦进度中第3回接触了一定功效,通过各大寻觅引擎开掘手提式有线电话机端固定都以通过浏览器的定位,而用在PC端浏览器第贰次会弹出提示“是还是不是张开定位功用”,Boss看到那么些提醒,却感到对用户的体验效果倒霉,不佳那自身换一种方法完结不就好了,那又不是多大的事,而Boss的面色就大变,就说:不应该有这般的经验。大家如此做不都以为了赶时间,可以连忙将新职能发表嘛。

  1.手提式有线话机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=””
type=”text/javascript”></script>

  2.PC端通过IP达成方式:

  选拔Tencent提供的接口,那么些这两天已经不可能使用了  

<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>

  接纳天涯论坛接口:  

  多地段测量检验方法:http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js&ip=127.0.0.1

<script type="text/javascript">
        $.getScript('http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js', function(_result) {
            if (remote_ip_info.ret == '1') {
                alert('国家:' + remote_ip_info.country + '<BR>省:' + remote_ip_info.province + '<BR>市:' + remote_ip_info.city + '<BR>区:' + remote_ip_info.district + '<BR>ISP:' + remote_ip_info.isp + '<BR>类型:' + remote_ip_info.type + '<BR>其他:' + remote_ip_info.desc);
            } else {
                alert('没有找到匹配的IP地址信息!');
            }
        });
</script>

  新浪有道IP地址接口(那一个有待测量检验)

  http://www.youdao.com/smartresult-xml/search.s?type=ip&q=IP地址

     Taobao呼吁接口(GET)

<script>
var ip = "124.127.108.133";
            var url = "http://ip.taobao.com/service/getIpInfo.php?ip=" + ip;
            $.getJSON(url, function (json) {
                var myprovince2 = json.data.area;
                var mycity2 = json.data.region;
                alert("您所在的城市是:" + myprovince2 + mycity2);
            });
</script>

  太平洋IP地址库API接口

  http://whois.pconline.com.cn/?ip=\[ip地址字符串\]

  另外:再有google、腾讯网等提供相应的接口,大家能够和睦节和测验一试。

  今日头条IP地址询问接口(暗许GBK):

*   
 *新浪IP地址询问接口(可安装编码):

     今日头条别的的IP地址询问接口:

 

  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>

  

  前天就写到那吗,还可能有好多干活亟待去做到,等不时间了能够试试其余接口。应接大家来拍砖,提供更加好的办法。

 

Post Author: admin

发表评论

电子邮件地址不会被公开。 必填项已用*标注