update pan mode when map is moved

Author: JulianBissekkou

arcgis_map_sdk_android/android/src/main/kotlin/dev/fluttercommunity/arcgis_map_sdk_android/ArcgisMapView.kt

@@ -27,6 +27,7 @@ import com.esri.arcgisruntime.mapping.view.AnimationCurve
 import com.esri.arcgisruntime.mapping.view.Graphic
 import com.esri.arcgisruntime.mapping.view.GraphicsOverlay
 import com.esri.arcgisruntime.mapping.view.LocationDisplay.AutoPanMode
+import com.esri.arcgisruntime.mapping.view.LocationDisplay.AutoPanMode.*
 import com.esri.arcgisruntime.mapping.view.MapView
 import com.esri.arcgisruntime.symbology.Symbol
 import com.google.gson.reflect.TypeToken
@@ -101,7 +102,7 @@ internal class ArcgisMapView(
         mapView.graphicsOverlays.add(defaultGraphicsOverlay)
 
         mapView.addMapScaleChangedListener {
-            if(mapView.mapScale.isNaN()) return@addMapScaleChangedListener
+            if (mapView.mapScale.isNaN()) return@addMapScaleChangedListener
 
             val zoomLevel = getZoomLevel(mapView)
             zoomStreamHandler.addZoom(zoomLevel)
@@ -114,9 +115,11 @@ internal class ArcgisMapView(
             val center = mapView.visibleArea?.extent?.center ?: return@addViewpointChangedListener
             val wgs84Center = GeometryEngine.project(center, SpatialReferences.getWgs84()) as? Point
 
-            val latLng = wgs84Center?.let {
-                LatLng(longitude = it.x,latitude = it.y)
-            } ?: return@addViewpointChangedListener
+            if (wgs84Center == null || wgs84Center.x.isNaN() || wgs84Center.y.isNaN()) {
+                return@addViewpointChangedListener
+            }
+
+            val latLng = LatLng(longitude = wgs84Center.x, latitude = wgs84Center.y)
 
             centerPositionStreamHandler.add(latLng)
         }
@@ -311,7 +314,14 @@ internal class ArcgisMapView(
         result: MethodChannel.Result
     ) {
         try {
-            return result.success(mapView.locationDisplay.autoPanMode.name)
+            return result.success(
+                when (mapView.locationDisplay.autoPanMode) {
+                    OFF -> "off"
+                    RECENTER -> "recenter"
+                    NAVIGATION -> "navigation"
+                    COMPASS_NAVIGATION -> "compassNavigation"
+                }
+            )
         } catch (e: Throwable) {
             result.finishWithError(e, "Getting AutoPanMode failed.")
         }
@@ -723,9 +733,9 @@ private fun LoadStatusChangedEvent.jsonValue() = when (newLoadStatus) {
 }
 
 private fun String.autoPanModeFromString() = when (this) {
-    "compassNavigation" -> AutoPanMode.COMPASS_NAVIGATION
-    "navigation" -> AutoPanMode.NAVIGATION
-    "recenter" -> AutoPanMode.RECENTER
-    "off" -> AutoPanMode.OFF
+    "compassNavigation" -> COMPASS_NAVIGATION
+    "navigation" -> NAVIGATION
+    "recenter" -> RECENTER
+    "off" -> OFF
     else -> null
 }

example/lib/location_indicator_example_page.dart

@@ -1,20 +1,20 @@
+import 'dart:async';
 import 'dart:math';
 
 import 'package:arcgis_example/main.dart';
 import 'package:arcgis_map_sdk/arcgis_map_sdk.dart';
 import 'package:flutter/material.dart';
 import 'package:geolocator/geolocator.dart';
+import 'package:rxdart/rxdart.dart';
 
 class LocationIndicatorExamplePage extends StatefulWidget {
   const LocationIndicatorExamplePage({super.key});
 
   @override
-  State<LocationIndicatorExamplePage> createState() =>
-      _LocationIndicatorExamplePageState();
+  State<LocationIndicatorExamplePage> createState() => _LocationIndicatorExamplePageState();
 }
 
-class _LocationIndicatorExamplePageState
-    extends State<LocationIndicatorExamplePage> {
+class _LocationIndicatorExamplePageState extends State<LocationIndicatorExamplePage> {
   final _mockLocations = [
     LatLng(48.1234963, 11.5910182),
     LatLng(48.1239241, 11.45897063),
@@ -34,6 +34,8 @@ class _LocationIndicatorExamplePageState
   var _activeAutoPanMode = AutoPanMode.off;
   var _wanderExtentFactor = 0.5;
 
+  StreamSubscription? _panUpdateSubscription;
+
   @override
   Widget build(BuildContext context) {
     return Scaffold(
@@ -48,8 +50,7 @@ class _LocationIndicatorExamplePageState
                 : await _controller!.locationDisplay.startSource();
           } catch (e, stack) {
             if (!mounted) return;
-            ScaffoldMessenger.of(_snackBarKey.currentContext!)
-                .showSnackBar(SnackBar(content: Text("$e")));
+            ScaffoldMessenger.of(_snackBarKey.currentContext!).showSnackBar(SnackBar(content: Text("$e")));
             debugPrint("$e");
             debugPrintStack(stackTrace: stack);
           }
@@ -71,16 +72,21 @@ class _LocationIndicatorExamplePageState
                 _controller = controller;
                 _requestLocationPermission();
                 _configureLocationDisplay(Colors.blue);
+
+                _panUpdateSubscription?.cancel();
+                _panUpdateSubscription = controller
+                    .centerPosition()
+                    .debounceTime(const Duration(milliseconds: 50))
+                    .listen((_) => _refreshAutoPanMode());
               },
             ),
           ),
           const SizedBox(height: 16),
+          Text("Current auto pan mode: ${_activeAutoPanMode.name}"),
           ElevatedButton(
             onPressed: _switchLocationSource,
             child: Text(
-              _isManualLocationSource
-                  ? "Use auto location source"
-                  : "Use manual location source",
+              _isManualLocationSource ? "Use auto location source" : "Use manual location source",
             ),
           ),
           if (_isManualLocationSource) ...[
@@ -101,15 +107,12 @@ class _LocationIndicatorExamplePageState
           ElevatedButton(
             onPressed: () {
               setState(
-                () =>
-                    _useCourseSymbolForMovement = !_useCourseSymbolForMovement,
+                () => _useCourseSymbolForMovement = !_useCourseSymbolForMovement,
               );
               _configureLocationDisplay(Colors.red);
             },
             child: Text(
-              _useCourseSymbolForMovement
-                  ? "Disable course indicator"
-                  : "Enable course indicator",
+              _useCourseSymbolForMovement ? "Disable course indicator" : "Enable course indicator",
             ),
           ),
           ElevatedButton(
@@ -158,9 +161,7 @@ class _LocationIndicatorExamplePageState
   Future<void> _switchLocationSource() async {
     await _controller!.locationDisplay.stopSource();
     await _controller!.setLocationDisplay(
-      _isManualLocationSource
-          ? ArcgisLocationDisplay()
-          : ArcgisManualLocationDisplay(),
+      _isManualLocationSource ? ArcgisLocationDisplay() : ArcgisManualLocationDisplay(),
     );
     setState(() => _isManualLocationSource = !_isManualLocationSource);
 
@@ -246,4 +247,16 @@ class _LocationIndicatorExamplePageState
       _controller?.locationDisplay.setWanderExtentFactor(_wanderExtentFactor);
     }
   }
+
+  @override
+  void dispose() {
+    _panUpdateSubscription?.cancel();
+    super.dispose();
+  }
+
+  Future<void> _refreshAutoPanMode() async {
+    final panMode = await _controller!.locationDisplay.getAutoPanMode();
+    if (!mounted) return;
+    setState(() => _activeAutoPanMode = panMode);
+  }
 }

example/pubspec.lock

@@ -274,6 +274,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "2.1.8"
+  rxdart:
+    dependency: "direct main"
+    description:
+      name: rxdart
+      sha256: "5c3004a4a8dbb94bd4bf5412a4def4acdaa12e12f269737a5751369e12d1a962"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.28.0"
   sky_engine:
     dependency: transitive
     description: flutter

example/pubspec.yaml

@@ -11,6 +11,7 @@ environment:
 
 dependencies:
   arcgis_map_sdk: ^0.8.0
+  rxdart: ^0.28.0
 
   cupertino_icons: ^1.0.0
   geolocator: ^10.1.0
@@ -42,4 +43,4 @@ dependency_overrides:
   arcgis_map_sdk_platform_interface:
     path: ../arcgis_map_sdk_platform_interface
   arcgis_map_sdk_web:
-    path: ../arcgis_map_sdk_web
+    path: ../arcgis_map_sdk_web