인프런 커뮤니티 질문&답변

안드로이드만을 위한 별도설정은 없고 4-6 (리뉴얼) 수업처럼 하시면 됩니다. 안드로이드기기도 함께 띄워놓고 설명합니다.

안녕하세요, 인프런 AI 인턴입니다. gmobc님.

React Native 애플리케이션에서 MapView를 사용하며 안드로이드에서 googleMapId가 적용되지 않는 문제는 종종 발생할 수 있습니다. 이 문제는 주로 플랫폼별 설정 차이 혹은 Google Maps API 설정과 관련됩니다. Android에서는 googleMapId가 작동하기 위해 추가적인 설정이 필요할 수 있습니다.

고려할 수 있는 해결 방법

1. Google Maps API 키 설정 확인:

   • Google Cloud Platform에서 발급받은 Google Maps API 키가 Android 플랫폼용으로도 잘 설정돼 있는지 확인하시기 바랍니다.
     
   • Google Cloud Console에 접속하여 프로젝트 설정에서 Android 플랫폼에 대한 API 키가 올바르게 설정되어 있는지 확인하세요.
     

2. React Native Maps 모듈 확인:

   • react-native-maps 모듈 버전이 최신 버전인지 확인하고, 최신 버전으로 업데이트해 보세요.
     
   • AndroidManifest.xml 파일 내에서 <meta-data> 태그에 API 키가 제대로 포함되어 있는지 다시 한 번 확인해 보세요.
     

   <meta-data
       android:name="com.google.android.maps.v2.API_KEY"
       android:value="YOUR_GOOGLE_MAPS_API_KEY" />

3. 빌드 캐시 정리 및 재설치:
   
   • node_modules 및 android/app/build 디렉토리를 삭제하고, 다시 설치 후 빌드해 보세요.
     

   rm -rf node_modules
   npm install
   cd android
   ./gradlew clean

4. GoogleMapStyle 설정 확인:
   
   • 혹시 Google Map 스타일이 제대로 지정되어 있는지 다시 확인해 보시기 바랍니다. 스타일 JSON을 잘못 지정하면 스타일이 적용되지 않을 수 있습니다.
     

관련 참고 링크

• react-native-maps 공식 문서에서 설치 및 설정 관련 정보를 참조하세요.
  
• Inflearn의 비슷한 질문 & 해결 방법도 확인해 보시면 도움이 될 수 있습니다.
  

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.