[React Native] 구글맵

구글맵

구글맵은 일단 한국 지도도 제공하지만 아직 한국 경로에 대한 API 는 제공하지 않는 듯하다.
분단국가이기 때문이라고 하는데

미국은 당연하고 인도, 프랑스, 일본, 호주 등 모두 되지만 한국은 시도해 본 결과 계속 에러가 났다.

구글맵에 대한 내용들은
DeKu React Native에서 지도 표시하기 를 참고 했다.

react-native-maps를 사용하여 구글 맵을 그렸다.

맵을 보여주는 컴포넌트인 <MapView/>를 사용할 때는 직접 style로 hegith, width를 지정해 줘야 화면이 보인다. 기본 크기가 없으니 잘 깔고 코드에 에러는 없지만 빈 화면만 보인다면 이 부분을 의심해보기 바란다.

<MapView/> 컴포넌트를 사용할 때 어떠한 action에 따라 다른 지도화면을 보여주거나 화면을 이동하고 싶을때는 region option을 사용해야 하고 initialRegion은 첫 마운트 시에만 시행되고 안의 내용을 바꿔도 화면 변화가 이뤄지지 않는다.

경로 찾기

많은 다른 라이브러리가 있었지만 기존에 구글맵을 보여주기 위해 사용했던 react-native-maps에 붙여 같이 사용하기 위해 react-native-maps-directions 라이브러리를 사용했다.

• 경로가 중간에 바다를 건너야 하는 등 예를 들어 프랑스 파리에서 호주 브리즈번의 경로를 찾는다면 경로 결과가 없어 사용자의 화면에 경고가 뜨니 이러한 상황이 오지 않도록 에러 처리를 꼭 하자.