오늘의 이야기

GoogleMap 그려보기

오늘은 jetppack compose 환경에서 구글 지도를 활용하면서 조심해야 할 것 하나를 정리해 두고자 합니다.  이전 포스팅에서 구글 지도를 jetpack compose에 올리는 부분은 기술해 두었으니 참고하시면 될 것 같습니다

https://billcorea.tistory.com/243

 

안드로이드 앱 만들기 : GoogleMap (feat Jetpack Compose)

앱을 만들다 보면 지도가 들어가는 앱을 만들게 되는 경우가 있다. GoogleMap API 등을 이용해서 앱을 만들게 되는 데, 이번에는 Jetpack Compose 기반의 GoogleMap 을 구현해 볼까 한다. 아직은 예전 java 코

billcorea.tistory.com

 

오늘의 발견 이슈

material diaglog box 등을 활용해 보기 위해서 themes.xml 을 구성해 보았던 기억이 있습니다.

 

    <style name="Theme.bespeak1003" parent="Theme.AppCompat.DayNight">
        <!-- Primary brand color. -->
        <item name="colorPrimary">@color/softBlue</item>
        <!-- Customize your theme here. -->
        <item name="colorAccent">@color/softBlue_30</item>
        <item name="android:textColor">@color/softBlue</item>
        <item name="android:fontFamily">@font/nanumgothic_regular</item>
        <item name="android:textSize">20sp</item>
        <item name="android:windowBackground">@color/lime200</item>
        <item name="android:colorBackground">@color/softGreen</item>
<!--        <item name="android:background">@color/lime200</item>-->
        <item name="background">@color/lime200</item>
    </style>

이 부분이 앱의 기본 theme 을 기술한 부분인데요. jetpack compose을 사용하게 되는 경우에는 theme.kt 등에서 따로 compose에서 사용할 theme을 기술하게 됩니다. 그런데, 위에 기술된 android:background 항목은 지워져 있는 데, 그 부분을 기술했더니만... 

 

GoogleMap의 배경색이 채워지고 지도가 보이지 않는 그런 현상을 발견하게 되었습니다.  그래서 결국은 저 부분을 지우고 실행하게 되었습니다. 

 

지우기 전 모습

 

그냥 배경으로나 사용해 보고자 지정했던 색으로 다 채워지고 지도가 나오지 않았습니다.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

정상적인 실행 모습

 

 

 이제 제대로 지도가 나오고 있는 것을 확인해 볼 수 있었습니다.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

다음부터는 이런 경우가 발생하게 되더라도 당황하지 않고 수정을 할 수 있을 듯합니다.