** 참고 사이트 **
PhoneGap 사이트의 API : http://docs.phonegap.com/plugin-apis/
튜토리얼 사이트 : http://www.w3ii.com/cordova/default.html
두가지 파일(index.html, index.js)만 수정하면 된다.
: index.html은 프로젝트 디렉터리로 이동해서 www 폴더를 열면 존재하고
: index.js는 .js가 붙은거 보면 알겠지만 www폴더 밑에 js폴더 내에 존재한다.
작업은 html 만드는 것처럼 하면 된다.
[ Example ] gps 사용하기(안드로이드)
1. plugin 추가
>cordova plugin add cordova-plugin-geolocation
2. index.html 문서에 버튼 두개 추가
<button id = "getPosition">현재 위치</button>
<button id = "watchPosition">실시간 위치</button>
3. index.js 문서에서 버튼값 찾아서 이벤트 걸기(onDeviceReady: function() { (여기에 주든지) }
initialize: function() {
document.addEventListener('deviceready', this.onDeviceReady.bind(this), false);
document.getElementById("getPosition").addEventListener("click", getPosition);
document.getElementById("watchPosition").addEventListener("click", watchPosition);
}
4. index.js 문서에서 이벤트 함수 구현 (제일 끝에 추가)
function getPosition() {
var options = {
enableHighAccuracy: true, // gps 사용
maximumAge: 3600000 // 위치값 보관 시간
}
var watchID = navigator.geolocation.getCurrentPosition(onSuccess, onError, options);
function onSuccess(position) {
alert('Latitude: ' + position.coords.latitude + '\n' +
'Longitude: ' + position.coords.longitude + '\n' +
'Altitude: ' + position.coords.altitude + '\n' +
'Accuracy: ' + position.coords.accuracy + '\n' +
'Altitude Accuracy: ' + position.coords.altitudeAccuracy + '\n' +
'Heading: ' + position.coords.heading + '\n' +
'Speed: ' + position.coords.speed + '\n' +
'Timestamp: ' + position.timestamp + '\n');
};
function onError(error) {
alert('code: ' + error.code + '\n' + 'message: ' + error.message + '\n');
}
}
function watchPosition() {
var options = {
maximumAge: 3600000, // 위치값 보관 시간
timeout: 3000, // 3초간 위치 추적
enableHighAccuracy: true, // gps 사용
}
var watchID = navigator.geolocation.watchPosition(onSuccess, onError, options);
function onSuccess(position) {
alert('Latitude: ' + position.coords.latitude + '\n' +
'Longitude: ' + position.coords.longitude + '\n' +
'Altitude: ' + position.coords.altitude + '\n' +
'Accuracy: ' + position.coords.accuracy + '\n' +
'Altitude Accuracy: ' + position.coords.altitudeAccuracy + '\n' +
'Heading: ' + position.coords.heading + '\n' +
'Speed: ' + position.coords.speed + '\n' +
'Timestamp: ' + position.timestamp + '\n');
};
function onError(error) {
alert('code: ' + error.code + '\n' +'message: ' + error.message + '\n');
}
}
'LANGUAGE > PhoneGap' 카테고리의 다른 글
| 하드웨어(안드로이드) 구동 - 배터리 (0) | 2017.11.01 |
|---|---|
| 하드웨어(안드로이드) 구동 - 주소록 (0) | 2017.11.01 |
| 하드웨어(안드로이드) 구동 - 사진 (0) | 2017.03.31 |
| 폰갭 아이콘 바꾸기 (0) | 2017.03.30 |
| 폰갭 시작부터 배포까지 (1) | 2017.03.30 |
