[react][javascript] gps 위치 얻기 위도 경도 latitude/longitude

 

 

아래는 위도와 경도를 가져오는 함수이다.

Get the gps location.

function getLocation() {
  if (navigator.geolocation) { // GPS를 지원하면
    navigator.geolocation.getCurrentPosition(function(position) {
      alert(position.coords.latitude + ' ' + position.coords.longitude);
    }, function(error) {
      console.error(error);
    }, {
      enableHighAccuracy: false,
      maximumAge: 0,
      timeout: Infinity
    });
  } else {
    alert('GPS를 지원하지 않습니다');
  }
}
getLocation();

 

비동기 함수로 만들어보자.

Let's make with asynchronous funtion.

function getLocation() {
  if (navigator.geolocation) {
    // GPS를 지원하면
    return new Promise(resolve => {
      navigator.geolocation.getCurrentPosition(
        function(position) {
          console.info(
            `re:${position.coords.latitude} ${position.coords.longitude}`,
          );
          resolve({
            latitude: position.coords.latitude,
            longitude: position.coords.longitude,
          });
        },
        function(error) {
          console.error(error);
          resolve({
            latitude: 37.3595704,
            longitude: 127.105399,
          });
        },
        {
          enableHighAccuracy: false,
          maximumAge: 0,
          timeout: Infinity,
        },
      );
    }).then(coords => {
      console.log(`coords:${JSON.stringify(coords)}`);
      return coords;
    });
  }
  console.info('GPS를 지원하지 않습니다');
  return {
    latitude: 37.3595704,
    longitude: 127.105399,
  };
}

 

아래와 같이 호출하여 사용하면 된다.

const gsLocation = await getLocation();
  console.info(`gsLocation: ${JSON.stringify(gsLocation)}`);