올해 프로젝트 개발 중에 처음으로 모바일 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를 도입하기 위한 전제조건:
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
