본문 바로가기

개발로그/리액트네이티브

(2)
리액트 네이티브 현재 위치 정보 가져오기, 현재 위치를 구글맵에 표현하는 방법, Getting current location with a react native geolocation service 이전 포스팅: 리액트 네이티브에서 구글맵 적용하기 이전 포스팅에서는 리액트 네이티브 프로젝트에 구글맵을 적용하는 방법을 알아봤습니다. 현재 제가 개발하고 있는 프로젝트에서는 현재 위치를 기반으로 특정 범위 안에 있는 다른 유저들을 보여줘야 할 필요가 있는데요. 이를 위해서는 디바이스의 현재 위치를 지도 위에 표시해줘야 하고, 구글 맵이 처음 렌더링 되는 지점도 사용자의 현재 위치가 기준이 되어야 합니다. 현재 위치를 가져오기 위해서 react-native-gelocation-service라는 라이브러리를 사용했는데요. 만약 현재 위치를 가져와서 위치 정보를 그냥 보여준다거나, 다른 맵 라이브러리를 사용하는 경우에도 react-native-gelocation-service 라이브러리를 사용 하실 수 있습니..
리액트 네이티브에서 구글 맵 적용하기 Using a google maps API on the React Native, react-native-maps 리액트 네이티브 프로젝트를 진행하면서 맵뷰 Map View를 사용해야 할 일이 생겼습니다. 지도 API는 여러 가지가 있었는데 가장 최근까지 많은 커밋이 이루어진 지도 라이브러리를 사용하기로 했고, 찾아보니 react-native-community/react-native-maps가 최근까지 가장 활발하게 개발되고 있는 것 같아서 선택했습니다. 해당 라이브러리는 Google Maps SDK API를 이용해서 리액트 네이티브 안에서 맵뷰를 구현할 수 있는 라이브러리입니다. 아직 v0.27.1인걸 보니 리액트 네이티브 생태계가 아직까지 완전하게 성숙되진 않은 것 같네요. ※ 참고로 이 글을 작성하는 시점에 사용되는 라이브러리 버전은 다음과 같습니다. - node: 12.16.3 - react: 16.13.1 ..