Polyline demo (#53)

* Implemeting polyline demo

* Fix: circle click event listener does not work

* Implement updatePolyline of PolylineOverlayManagerImpl

* fix: polyline change does not work

* fix: polyline does not update when a marker is dragged on Google Maps and Mapbox

* fix: polyline does not update when a marker is dragged on Here and ArcGIS

Author: wf9a5m75

example-app/src/main/java/com/mapconductor/example/DemoAppScreen.kt

@@ -5,6 +5,7 @@ import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.material.icons.Icons
 import androidx.compose.material.icons.filled.CheckCircle
 import androidx.compose.material.icons.filled.Home
+import androidx.compose.material.icons.filled.PlayArrow
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.getValue
@@ -13,6 +14,7 @@ import androidx.compose.ui.Modifier
 import androidx.lifecycle.viewmodel.compose.viewModel
 import com.mapconductor.example.navigation.NavigationViewModel
 import com.mapconductor.example.pages.circle.CircleMapPage
+import com.mapconductor.example.pages.polyline.PolylineMapPage
 import com.mapconductor.example.pages.stores.StoreMapPage
 import com.mapconductor.example.ui.sidebar.Sidebar
 import com.mapconductor.example.ui.sidebar.SidebarItem
@@ -38,6 +40,12 @@ fun DemoAppScreen() {
                 icon = Icons.Default.CheckCircle,
                 route = "circle",
             ),
+            SidebarItem(
+                id = "polyline",
+                title = "Polyline Demo",
+                icon = Icons.Default.PlayArrow,
+                route = "polyline",
+            ),
 //            SidebarItem(
 //                id = "examples",
 //                title = "Map Examples",
@@ -67,6 +75,11 @@ fun DemoAppScreen() {
                             onToggleSidebar = navigationViewModel::toggleSidebar,
                         )
                     }
+                    "polyline" -> {
+                        PolylineMapPage(
+                            onToggleSidebar = navigationViewModel::toggleSidebar,
+                        )
+                    }
                     "settings" -> {
                         // Placeholder for settings page
                         Box(

example-app/src/main/java/com/mapconductor/example/MapViewContainer.kt

@@ -9,6 +9,7 @@ import com.mapconductor.core.circle.OnCircleEventHandler
 import com.mapconductor.core.map.MapViewState
 import com.mapconductor.core.map.OnMapEventHandler
 import com.mapconductor.core.marker.OnMarkerEventHandler
+import com.mapconductor.core.polyline.OnPolylineEventHandler
 import com.mapconductor.googlemaps.GoogleMapViewState
 import com.mapconductor.googlemaps.GoogleMapsView
 import com.mapconductor.here.HereMapView
@@ -28,6 +29,7 @@ fun MapViewContainer(
     onMarkerAnimateStart: OnMarkerEventHandler? = null,
     onMarkerAnimateEnd: OnMarkerEventHandler? = null,
     onCircleClick: OnCircleEventHandler? = null,
+    onPolylineClick: OnPolylineEventHandler? = null,
     content: @Composable MapViewScope.() -> Unit,
 ) {
     when (state) {
@@ -43,6 +45,7 @@ fun MapViewContainer(
                 onMarkerAnimateStart = onMarkerAnimateStart,
                 onMarkerAnimateEnd = onMarkerAnimateEnd,
                 onCircleClick = onCircleClick,
+                onPolylineClick = onPolylineClick,
                 content = content,
             )
 
@@ -57,6 +60,8 @@ fun MapViewContainer(
                 onMarkerDragEnd = onMarkerDragEnd,
                 onMarkerAnimateStart = onMarkerAnimateStart,
                 onMarkerAnimateEnd = onMarkerAnimateEnd,
+                onCircleClick = onCircleClick,
+                onPolylineClick = onPolylineClick,
                 content = content,
             )
 
@@ -72,6 +77,7 @@ fun MapViewContainer(
                 onMarkerAnimateStart = onMarkerAnimateStart,
                 onMarkerAnimateEnd = onMarkerAnimateEnd,
                 onCircleClick = onCircleClick,
+                onPolylineClick = onPolylineClick,
                 content = content,
             )
 
@@ -87,6 +93,7 @@ fun MapViewContainer(
                 onMarkerAnimateStart = onMarkerAnimateStart,
                 onMarkerAnimateEnd = onMarkerAnimateEnd,
                 onCircleClick = onCircleClick,
+                onPolylineClick = onPolylineClick,
                 content = content,
             )
 

example-app/src/main/java/com/mapconductor/example/navigation/NavigationViewModel.kt

@@ -5,7 +5,7 @@ import androidx.compose.runtime.mutableStateOf
 import androidx.lifecycle.ViewModel
 
 class NavigationViewModel : ViewModel() {
-    private val _currentPage = mutableStateOf("map")
+    private val _currentPage = mutableStateOf("polyline")
     val currentPage: State<String> = _currentPage
 
     private val _isSidebarExpanded = mutableStateOf(false)

example-app/src/main/java/com/mapconductor/example/pages/circle/CircleMapComponent.kt

@@ -16,18 +16,18 @@ fun CircleMapComponent(
     mapViewState: MapViewState<*>?,
     viewModel: CirclePageViewModel,
     modifier: Modifier = Modifier,
-    onMapClickHandler: OnMapEventHandler = {},
-    onMarkerClickHandler: OnMarkerEventHandler = {},
-    onCircleClickHandler: OnCircleEventHandler = {},
+    onMapClick: OnMapEventHandler = {},
+    onMarkerClick: OnMarkerEventHandler = {},
+    onCircleClick: OnCircleEventHandler = {},
     onMarkerDrag: OnMarkerEventHandler = {},
 ) {
-    mapViewState?.let { mapViewState ->
+    mapViewState?.let { it ->
         MapViewContainer(
             modifier = modifier,
-            state = mapViewState,
-            onMapClick = onMapClickHandler,
-            onMarkerClick = onMarkerClickHandler,
-            onCircleClick = onCircleClickHandler,
+            state = it,
+            onMapClick = onMapClick,
+            onMarkerClick = onMarkerClick,
+            onCircleClick = onCircleClick,
             onMarkerDrag = onMarkerDrag,
         ) {
             // Circle

example-app/src/main/java/com/mapconductor/example/pages/circle/CircleMapPage.kt

@@ -2,16 +2,19 @@ package com.mapconductor.example.pages.circle
 
 import androidx.compose.foundation.layout.calculateEndPadding
 import androidx.compose.foundation.layout.calculateStartPadding
+import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.collectAsState
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.unit.LayoutDirection
 import androidx.compose.ui.unit.dp
+import com.mapconductor.example.R
 import com.mapconductor.example.toast.ToastHost
 import com.mapconductor.example.ui.DemoMapPageScaffold
-import com.mapconductor.example.ui.MapViewStatePanel
 import com.mapconductor.example.ui.MessageCard
 
 @Composable
@@ -29,9 +32,9 @@ fun CircleMapPage(
         CircleMapComponent(
             mapViewState = mapViewState.value,
             viewModel = viewModel,
-            onMapClickHandler = viewModel::onMapClick,
-            onMarkerClickHandler = viewModel::onMarkerClick,
-            onCircleClickHandler = viewModel::onCircleClick,
+            onMapClick = viewModel::onMapClick,
+            onMarkerClick = viewModel::onMarkerClick,
+            onCircleClick = viewModel::onCircleClick,
             onMarkerDrag = viewModel::onMarkerDrag,
         )
 
@@ -47,11 +50,9 @@ fun CircleMapPage(
                     ),
             title = "Messages",
         ) {
-            MapViewStatePanel(
-                mapViewState.value
-                    ?.mapCameraPosition
-                    ?.collectAsState()
-                    ?.value,
+            Text(
+                text = stringResource(R.string.circle_example_description),
+                modifier = Modifier.fillMaxSize(),
             )
         }