JS를 사용하여 현재 지리적 위치 방법 summary_javascript 기술 얻기

올해 프로젝트 개발 중에 처음으로 모바일 WEB 개발을 접하게 되었는데, 주로 JQuery Mobile 기술을 사용하면서 개발했는데 대부분의 스타일을 다시 작성해야 하는 상황이었습니다. 몇 가지 기능을 사용하면 됩니다. 모바일 WEB 개발 과정에서 처음으로 포지셔닝 기능을 접하게 되었는데, 휴대폰에서 포지셔닝이 브라우저를 통해서 이루어진다는 사실을 처음 접하게 되었습니다. "포지셔닝 기능을 활성화하시겠습니까?"라는 메시지가 표시됩니다. 사장님은 이 메시지를 보고 사용자 경험에 좋지 않다고 느꼈습니다. 그러면 다른 방법으로 구현할 수 있습니다. .. 별거 아니네요. 사장님 표정이 확 바뀌더니 '아니요. 이런 경험을 해보셔야 합니다. 우리는 가능한 한 빨리 새로운 기능을 출시할 수 있도록 시간을 쫓기 위해 이 모든 일을 하고 있지 않습니까?

1. 휴대폰 WEB 포지셔닝 방법 :

코드 복사 코드는 다음과 같습니다.

var getLocation = function (successFunc, errorFunc) { //successFunc는 위치 지정 성공 콜백 함수를 가져오고, errorFunc는 위치 지정 실패 콜백을 가져옵니다
//먼저 기본 도시를 설정합니다
var defCity = {
         id: '000001',
         이름: '베이징시',
날짜: curDateTime()//현재 시간 메소드 가져오기
};
//기본 도시
$.cookie('VPIAO_MOBILE_DEFAULTCITY', JSON.stringify(defCity), { 만료: 1, 경로: '/' });
If (navigator.geolocation) {
         navigator.geolocation.getCurrentPosition(함수(위치) {
            var lat = position.coords.latitude;
            var lon = position.coords.longitude;
//var map = new BMap.Map("container"); //맵 인스턴스 생성
               var point = new BMap.Point(lon, lat) // 점 좌표 생성
            var gc = new BMap.Geocoder();
gc.getLocation(포인트, 함수(rs) {
              var addComp = rs.addressComponents;
              var curCity = {
                   ID: '',
이름: addComp.province,
날짜: curDateTime()
                };
//현재 위치 도시
                    $.cookie('VPIAO_MOBILE_CURRENTCITY', JSON.stringify(curCity), { 만료: 7, 경로: '/' });
//alert(addComp.province ", " addComp.city ", " addComp.district ", " addComp.street);
If (successFunc != 정의되지 않음)
                     성공Func(addComp);
            });
},
함수(오류) {
                스위치(error.code) {
               사례 1:
Alert("위치 서비스가 거부되었습니다.");
휴식;
                사례 2:
warning("일시적으로 위치정보를 얻을 수 없습니다.");
휴식;
                사례 3:
Alert("위치 정보 획득 시간이 초과되었습니다.");
휴식;
~ ~                           기본값:
Alert("알 수 없는 오류입니다.");
휴식;
            }
          var curCity = {
                  id: '000001',
                  이름: '베이징',
날짜: curDateTime()
            };
//기본 도시
                $.cookie('VPIAO_MOBILE_DEFAULTCITY', JSON.stringify(curCity), { 만료: 1, 경로: '/' });
                 if (errorFunc != 정의되지 않음)
               errorFunc(오류);
            }, { 시간 초과: 5000, 활성화HighAccuracy: true });
} 그 밖의 {
Alert("귀하의 브라우저는 지리적 위치 정보 획득을 지원하지 않습니다.");
If (errorFunc != 정의되지 않음)
​​​​​​ errorFunc("귀하의 브라우저는 지리적 위치 정보 획득을 지원하지 않습니다.");
}
};
var showPosition = 함수(위치) {
var lat = position.coords.latitude;
var lon = position.coords.longitude;
//var map = new BMap.Map("container"); // 맵 인스턴스 생성
var point = new BMap.Point(lon, lat); // 점 좌표 생성
var gc = 새로운 BMap.Geocoder();
gc.getLocation(포인트, 함수(rs) {
        var addComp = rs.addressComponents;
      var curCity = {
             ID: '',
               이름: addComp.province,
날짜: curDateTime()
        };
//현재 위치 도시
            $.cookie('VPIAO_MOBILE_CURRENTCITY', JSON.stringify(curCity), { 만료: 7, 경로: '/' });
​​​​ //alert(addComp.province ", " addComp.city ", " addComp.district ", " addComp.street);
});
};
var showPositionError = 함수(오류) {
스위치(오류.코드) {
사례 1:
Alert("위치 서비스가 거부되었습니다.");
             휴식;
사례 2:
warning("일시적으로 위치정보를 얻을 수 없습니다.");
             휴식;
사례 3:
Alert("위치 정보 획득 시간이 초과되었습니다.");
             휴식;
           기본값:
Alert("알 수 없는 오류입니다.");
             휴식;
}
var curCity = {
         id: '000001',
         이름: '베이징시',
날짜: curDateTime()
};
//기본 도시
$.cookie('VPIAO_MOBILE_DEFAULTCITY', JSON.stringify(curCity), { 만료: 1, 경로: '/' });
};

바이두 API를 도입하기 위한 전제조건:

2. IP를 통한 PC에서의 구현 방법:

Tencent에서 제공하는 인터페이스를 사용하면 더 이상 사용할 수 없습니다.

코드 복사 코드는 다음과 같습니다.

">http://fw.qq.com/ipaddress">>

Sina 인터페이스 사용: http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js

다중 지역 테스트 방법: http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js&ip=127.0.0.1

코드 복사 코드는 다음과 같습니다.

NetEase Youdao IP 주소 인터페이스(테스트 필요)

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

Taobao 요청 인터페이스(GET)

코드 복사 코드는 다음과 같습니다.

var ip = "124.127.108.133";
              var url = "http://ip.taobao.com/service/getIpInfo.php?ip=" ip;
$.getJSON(url, 함수(json) {
              var myprovince2 = json.data.area;
              var mycity2 = json.data.region;
Alert("당신의 도시는:" myprovince2 mycity2);
            });

Pacific IP 주소 데이터베이스 API 인터페이스

　http://whois.pconline.com.cn/?ip=[ip주소 문자열]

추가: Google, Sohu 등에서 제공하는 해당 인터페이스도 있습니다. 직접 사용해 볼 수 있습니다.

Sohu IP 주소 쿼리 인터페이스(기본 GBK): http://pv.sohu.com/cityjson

Sohu IP 주소 쿼리 인터페이스(인코딩 설정 가능): http://pv.sohu.com/cityjson?ie=utf-8

Sohu의 다른 IP 주소 쿼리 인터페이스: http://txt.go.sohu.com/ip/soip

　3. 클라이언트 IP 방식 획득

코드 복사 코드는 다음과 같습니다.

var url = 'http://chaxun.1616.net/s.php?type=ip&output=json&callback=?&_=' Math.random();
                $.getJSON(url, function(data) {
경고(data.Ip);
            });

　

오늘은 여기까지입니다. 아직 시간이 나면 다른 인터페이스를 사용해 볼 수 있습니다. 누구나 와서 더 나은 방법을 제공하는 것을 환영합니다.