✨ 러닝 결과 화면의 지도 세팅 구현

Co-authored-by: yonghanJu <[email protected]>

Author: bngsh

presentation/src/main/java/com/whyranoid/presentation/runningfinish/RunningFinishFragment.kt

@@ -6,14 +6,17 @@ import androidx.fragment.app.viewModels
 import androidx.navigation.fragment.findNavController
 import com.naver.maps.geometry.LatLngBounds
 import com.naver.maps.map.CameraUpdate
+import com.naver.maps.map.MapFragment
 import com.naver.maps.map.NaverMap
 import com.naver.maps.map.OnMapReadyCallback
+import com.naver.maps.map.overlay.PathOverlay
 import com.whyranoid.presentation.R
 import com.whyranoid.presentation.base.BaseFragment
 import com.whyranoid.presentation.databinding.FragmentRunningFinishBinding
 import com.whyranoid.presentation.model.RunningHistoryUiModel
 import com.whyranoid.presentation.model.UiState
 import com.whyranoid.presentation.running.RunningFinishData
+import com.whyranoid.presentation.running.RunningPosition
 import com.whyranoid.presentation.running.toLatLng
 import com.whyranoid.presentation.util.pxdp.PxDpUtil
 import com.whyranoid.presentation.util.repeatWhenUiStarted
@@ -38,6 +41,7 @@ internal class RunningFinishFragment :
 
     private fun initViews() {
         binding.vm = viewModel
+        (childFragmentManager.findFragmentById(R.id.map_fragment) as? MapFragment)?.getMapAsync(this)
     }
 
     private fun observeState() {
@@ -70,17 +74,8 @@ internal class RunningFinishFragment :
     private fun handleDataStateSuccess(runningFinishData: RunningFinishData) {
         binding.runningHistoryItem.runningHistory = runningFinishData.runningHistory
 
-        naverMap?.let {
-            val cameraUpdate = CameraUpdate.fitBounds(
-                LatLngBounds.Builder().include(
-                    runningFinishData.runningPositionList.flatten().map { position ->
-                        position.toLatLng()
-                    }
-                ).build(),
-                PxDpUtil.pxToDp(requireContext(), 20)
-            )
-            it.moveCamera(cameraUpdate)
-        }
+        moveCamera(runningFinishData)
+        updatePathsOverlay(runningFinishData.runningPositionList)
     }
 
     private fun handleDataStateFailure(throwable: Throwable) {
@@ -106,4 +101,36 @@ internal class RunningFinishFragment :
             )
         }
     }
+
+    private fun moveCamera(runningFinishData: RunningFinishData) {
+        naverMap?.let {
+            val cameraUpdate = CameraUpdate.fitBounds(
+                LatLngBounds.Builder().include(
+                    runningFinishData.runningPositionList.flatten().map { position ->
+                        position.toLatLng()
+                    }
+                ).build(),
+                PxDpUtil.pxToDp(requireContext(), 200)
+            )
+            it.moveCamera(cameraUpdate)
+        }
+    }
+
+    private fun updatePathsOverlay(runningPositionList: List<List<RunningPosition>>) {
+        val paths = List(runningPositionList.size) { provideMogakrunPath() }
+        for (index in runningPositionList.indices) {
+            if (runningPositionList[index].size >= 2) {
+                paths[index].coords =
+                    runningPositionList[index].map { it.toLatLng() }
+                paths[index].map = naverMap
+            }
+        }
+    }
+
+    private fun provideMogakrunPath(): PathOverlay {
+        return PathOverlay().apply {
+            color = requireContext().getColor(R.color.mogakrun_secondary_light)
+            width = 20
+        }
+    }
 }