JS를 사용하여 현재 지리적 위치 방법 summary_javascript 기술 얻기-JS 튜토리얼-php.cn

올해 프로젝트 개발 중에 처음으로 모바일 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, 경로: '/' });

};