Map 그려지기 전에 보이는 연녹색 화면 문의

문의 시, 사용하시는 SDK 버전 정보와 디벨로퍼스 앱ID를 알려주세요.

Faq 목록 - 10. Android ( Faq 목록 입니다 ) 먼저 확인해주세요.


안녕하세요
Android 단말에서 Kakao map을 활용하여 App 개발 중에 있습니다.

mapview를 start 시에 map이 보여지기 전에 연녹색 화면이 스쳐 보이는 이슈가 있어서 문의드립니다.
kakao maps API 사이트에 있는 KakaoMapsSDKSample apk에서 확인 시에도 동일한 화면이 보이고 있는데요.
Map 이 그려지기 전에 아주 잠깐 보이고 있습니다.

어떠한 동작이나 API로 보여지는 지, 해당 화면의 색상 변경은 가능한 지 문의드립니다.

App에서 개선이 불가한 부분인지 답변 부탁드립니다.

지도 실행 시 “k3f” 로 필터링 된 로그캣 로그 첨부 부탁 드립니다.

요청하신 로그 첨부 드립니다.

개발 중인 App에서 Map 실행 시 k3f로 필터링한 로그

14:23:38.626 21819-23298 K3fAApi D —> RequestHeader(https://dapi.kakao.com/v2/maps/vector/auth) {Accept=[application/json], Authorization=[KakaoAK f29b77bba83a07b30721bbc817398e8a], KA=[mapSdk/2.12.7 os/android-34 lang/ko-KR origin/JxluOGuHXnat9wDn6oTkxu7jPfo= device/SM-G991N android_pkg/com.samsung.android.app.find]}
14:23:38.672 21819-23297 K3fAApi D AppSpec : High spec
14:23:38.672 21819-23297 K3fCore I app diplay scale: 1.380587
14:23:38.672 21819-23297 K3fAApi V + e s(2.12.7, 9774c778, 45d619d1c 1.380587, com.samsung.android.app.find)
14:23:38.719 21819-23298 K3fAApi V ← {null=[HTTP/1.1 200 OK], Connection=[keep-alive], Content-Length=[0], Date=[Tue, 05 Nov 2024 05:23:39 GMT], strict-transport-security=[max-age=31536000; includeSubDomains], X-Android-Received-Millis=[1730784218691], X-Android-Response-Source=[NETWORK 200], X-Android-Selected-Protocol=[http/1.1], X-Android-Sent-Millis=[1730784218630], X-Request-Id=[cb215358ad7d12a837bc49215f429434]}
14:23:38.732 21819-23297 K3fCore I DownloadManager initialized
14:23:38.753 21819-23297 K3fCore I >>> Initialize appEngine[RELEASE]{1730784218}
14:23:38.753 21819-23297 K3fCore I >>> Start appEngine[RELEASE]{1730784218}
14:23:38.753 21819-23297 K3fCore I android high
14:23:38.758 21819-23297 K3fCore I DownloadManager initialized
14:23:38.758 21819-23297 K3fCore I start to make a map view
14:23:38.759 21819-23297 K3fAApi V + e c (1080, 2397, openmap)
14:23:38.759 21819-23297 K3fCore I Engine{1730784218} resumed.
14:23:38.760 21819-23297 K3fAApi V - allViewport(1080, 2397)
14:23:39.066 21819-23297 K3fCore E unsupported image format.
14:23:39.066 21819-23297 K3fCore I onRenderViewSuccess
14:23:39.295 21819-21819 K3fAApi D → RenderView/setLogoPosition(gravity: 5, x: 16.567038, y: 16.567038)
14:23:39.295 21819-21819 K3fAApi V addPoiClickEventListener done.
14:23:39.295 21819-21819 K3fAApi V addTerrainClickListener done.
14:23:39.295 21819-21819 K3fAApi V addPoiClickEventListener return. already added.
14:23:39.299 21819-21819 K3fAApi D Added Image. AssetId : [130727188]
14:23:39.302 21819-23297 K3fAApi D → RenderView/setVisible(visible: 0)
14:23:39.302 21819-23297 K3fAApi D [RenderView] disableGestureType(8) —>
14:23:39.302 21819-23297 K3fAApi D [RenderView] disableGestureType(6) —>
14:23:39.302 21819-23297 K3fAApi D ← setEnableCameraAnimation(1)
14:23:39.302 21819-23297 K3fAApi D setPoiClickable(1)
14:23:39.302 21819-23297 K3fAApi D setPoiVisible(1)
14:23:39.303 21819-23297 K3fAApi D → newCenterPoint(lat: 36.109641, lng: 128.415219, zoomLevel: 15, height: 4665.634919, animate: 0, duration: 0, makeViaPoint: 0, chain: 0)
14:23:39.386 21819-23297 K3fAApi V <— onPaddingResized(left: 0, top: 80, right: 0, bottom: 1232)
14:23:39.387 21819-23297 K3fAApi D <— setVirtualViewport(left=0.000000, top=80.000000, right=0.000000, bottom=1232.000000)
14:23:39.387 21819-23297 K3fAApi D [Label] addLayer(id=label_default_layer, zOrder=10001, type=0, unit=0, order=0, isLod=0) —>
14:23:39.523 21819-23297 K3fAApi D [Label] addLayer(id=lodLabel_default_layer, zOrder=10001, type=0, unit=0, order=0, isLod=1) —>
14:23:39.523 21819-23297 K3fAApi D [Label] addPointLabelStyles(id=822453056) —>
14:23:39.524 21819-23297 K3fAApi D [Label] addLabel(layer=label_default_layer, styleId=822453056, labelId=f0277625-62e6-4721-ba42-362966c3611a, lsLod=0) —>
14:23:39.524 21819-23297 K3fAApi D [Label] setRank(id=f0277625-62e6-4721-ba42-362966c3611a, layerId=label_default_layer, rank=1997) —>
14:23:39.524 21819-23297 K3fAApi D → RenderView/setVisible(visible: 1)
14:23:39.524 21819-23297 K3fAApi D → newCenterPoint(lat: 36.109641, lng: 128.415219, zoomLevel: 15, height: 4665.634919, animate: 0, duration: 0, makeViaPoint: 0, chain: 0)
14:23:39.631 21819-21819 K3fAApi D Added Image. AssetId : [35705465]
14:23:39.672 21819-21819 K3fAApi D Added Image. AssetId : [179350462]
14:23:39.677 21819-23297 K3fAApi D [Label] addPointLabelStyles(id=-769202856) —>
14:23:39.677 21819-23297 K3fAApi D [Label] addLabel(layer=label_default_layer, styleId=-769202856, labelId=6fce2fc6-3a98-4940-8cab-e73321936557, lsLod=0) —>
14:23:39.677 21819-23297 K3fAApi D [Label] setRank(id=6fce2fc6-3a98-4940-8cab-e73321936557, layerId=label_default_layer, rank=0) —>
14:23:39.677 21819-23297 K3fAApi D [Label] addPointLabelStyles(id=-734025315) —>
14:23:39.677 21819-23297 K3fAApi D [Label] addLabel(layer=label_default_layer, styleId=-734025315, labelId=7bb1631c-6517-4852-94b4-60a1e6c327d5, lsLod=0) —>
14:23:39.677 21819-23297 K3fAApi D [Label] setRank(id=7bb1631c-6517-4852-94b4-60a1e6c327d5, layerId=label_default_layer, rank=1998) —>
14:23:39.677 21819-23297 K3fAApi D → newCenterPoint(lat: 36.109641, lng: 128.415219, zoomLevel: -1, height: 4665.634919, animate: 1, duration: 200, makeViaPoint: 0, chain: 1)
14:23:40.923 21819-21819 K3fAApi D Added Image. AssetId : [238827215]
14:23:40.945 21819-21819 K3fAApi D Added Image. AssetId : [8722277]
14:23:40.948 21819-23297 K3fAApi D [Label] addPointLabelStyles(id=496735150) —>
14:23:40.949 21819-23297 K3fAApi D [Label] changeStyle(layerId=label_default_layer, labelId=6fce2fc6-3a98-4940-8cab-e73321936557, styleId=496735150) —>
14:23:40.949 21819-23297 K3fAApi D [Label] setRank(id=6fce2fc6-3a98-4940-8cab-e73321936557, layerId=label_default_layer, rank=0) —>
14:23:40.949 21819-23297 K3fAApi D [Label] addPointLabelStyles(id=152927812) —>
14:23:41.368 21819-23297 K3fAApi D [Label] changeStyle(layerId=label_default_layer, labelId=7bb1631c-6517-4852-94b4-60a1e6c327d5, styleId=152927812) —>
14:23:41.368 21819-23297 K3fAApi D [Label] setRank(id=7bb1631c-6517-4852-94b4-60a1e6c327d5, layerId=label_default_layer, rank=1998) —>

KakaoMapsSDKSample App에서 Map 실행 시 k3f로 필터링한 로그

14:17:29.529 15421-15761 K3fAApi D —> RequestHeader(https://dapi.kakao.com/v2/maps/vector/auth) {Accept=[application/json], Authorization=[KakaoAK your_app_key], KA=[mapSdk/2.12.8 os/android-34 lang/ko-KR origin/2no2MTT0wC+DZcwanPPDrnljJGY= device/SM-G991N android_pkg/com.kakao.maps.open.android]}
14:17:29.608 15421-15760 K3fAApi D AppSpec : High spec
14:17:29.608 15421-15760 K3fCore I app diplay scale: 1.380587
14:17:29.608 15421-15760 K3fAApi V + e s(2.12.8, 9774c778, 66a7ed9b4 1.380587, com.kakao.maps.open.android)
14:17:29.658 15421-15760 K3fCore I DownloadManager initialized
14:17:29.681 15421-15760 K3fCore I >>> Initialize appEngine[RELEASE]{1730783849}
14:17:29.687 15421-15760 K3fCore I >>> Start appEngine[RELEASE]{1730783849}
14:17:29.687 15421-15760 K3fCore I android high
14:17:29.692 15421-15760 K3fCore I DownloadManager initialized
14:17:29.692 15421-15760 K3fCore I start to make a map view
14:17:29.699 15421-15760 K3fAApi V + e c (1080, 1635, openmap)
14:17:29.699 15421-15760 K3fCore I Engine{1730783849} resumed.
14:17:29.699 15421-15760 K3fAApi V - allViewport(1080, 1635)
14:17:29.716 15421-15760 K3fCore I onRenderViewSuccess
14:17:29.734 15421-15760 K3fCore E unsupported image format.
14:17:29.819 15421-15421 k3f I startPosition: LatLng{latitude=37.394659999999966, longitude=127.111182}
14:17:29.819 15421-15421 k3f I startZoomLevel: 15
14:17:29.922 15421-15421 K3fAApi E com.kakao.vectormap.MapAuthException: MapAuthException(401): Unauthorized
at com.kakao.vectormap.MapAuthHttpClient.run(MapAuthHttpClient.java:98)
at java.util.concurrent.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1145)
at java.util.concurrent.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:644)
at java.lang.Thread.run(Thread.java:1012)
14:17:29.923 15421-15761 K3fAApi E ← {null=[HTTP/1.1 401 Unauthorized], Connection=[keep-alive], Content-Type=[application/json;charset=UTF-8], Date=[Tue, 05 Nov 2024 05:17:30 GMT], Transfer-Encoding=[chunked], WWW-Authenticate=[Bearer realm=“kakao”,error=“invalid_token”,error_description=“The access token expired”], X-Android-Received-Millis=[1730783849914], X-Android-Response-Source=[NETWORK 401], X-Android-Selected-Protocol=[http/1.1], X-Android-Sent-Millis=[1730783849876], X-Request-Id=[f7bcb1e46b95752baa9c7696e3f79545]}
14:17:30.115 15421-15760 K3fCore I Engine{1730783849} paused
14:17:30.118 15421-15421 K3fAApi D onDetachedFromWindow(isFinishing=false)
14:17:30.240 15421-15777 K3fCore I connection time out (retry count 1)

잠깐 연녹색이 보였다 사라지는 것은 지도 데이터의 로딩 과정 중에 보여지는 화면으로, 색상은 고정 된 값이 현재 변경할 수 있는 API 는 없습니다.

  • 다만, 지도 초기화 시 KakaoMapReadyCallback#isVisible() 를 false 로 설정했다가 KakaoMapReadyCallback#onMapReady() 에서 kakaoMap.setVisible(true); 로 바꾸신다면, 연녹색이 보여지는 시간을 잠깐 줄일 수 있습니다.

  • 다음 배포 때, 색상을 변경 할 수 있을지 정책 확인 후 답변 드리겠습니다.

빠른 확인 감사합니다 ^^