Cordova(Phonegap) + Ionic Framework - 위치정보(Geolocation) 사용하기

Geolocation plugin 추가하기

• Command 창에서 앱 프로젝트 경로로 이동한 다음 아래의 명령어를 입력합니다.
• Plugin 을 추가하면 AndroidManifest.xml 에는 자동으로 permission 이 추가 됩니다.

# Cordova 5.0+
c:\ionic> cordova plugin add cordova-plugin-geolocation

# Cordova 5.0-
c:\ionic> cordova plugin add org.apache.cordova.geolocation

Fetchimg plugin "cordova-plugin-geolocation" via npm
npm http GET https://registry.npmjs.org/cordova-plugin-geolocation
npm http 304 https://registry.npmjs.org/cordova-plugin-geolocation
Installing "cordova-plugin-geolocation" for android

c:\ionic>

Javascript Example

angular.module('ionicApp', ['ionic'])
    .controller('geolocation', function($scope) {
        var onSuccess = function(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');
        };

        // onError Callback receives a PositionError object
        //
        function onError(error) {
            alert('code: '    + error.code    + '\n' +
                  'message: ' + error.message + '\n');
        }

        navigator.geolocation.getCurrentPosition(onSuccess, onError);

    })
;