FLUT-965286 - [Feature] Updated ug pages for maps widget

Flutter/maps/accessibility.md

@@ -16,48 +16,46 @@ The [`SfMaps`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps
 {% tabs %}
 {% highlight Dart %}
 
-late List<PopulationModel> _data;
-late MapShapeSource _dataSource;
-late String _semanticLabel = 'Asia is the most populated continent and Australia is the least populated continent';
-
-@override
-void initState() {
-   _data = const <PopulationModel>[
-      PopulationModel('Asia', 456.07),
-      PopulationModel('Africa', 121.61),
-      PopulationModel('Europe', 74.64),
-      PopulationModel('North America', 57.9),
-      PopulationModel('South America', 42.25),
-      PopulationModel('Australia', 2.54),
-   ];
-
-   _dataSource = MapShapeSource.asset(
-      'assets/world_map.json',
-      shapeDataField: 'continent',
-      dataCount: _data.length,
-      primaryValueMapper: (int index) => _data[index].continent,
-   );
-   super.initState();
-}
-
-@override
-Widget build(BuildContext context) {
-  return Scaffold(
-     body: Center(
+  late List<PopulationModel> _data;
+  late MapShapeSource _dataSource;
+  late String _semanticLabel = 'Asia is the most populated continent and Australia is the least populated continent';
+
+  @override
+  void initState() {
+    _data = const <PopulationModel>[
+        PopulationModel('Asia', 456.07),
+        PopulationModel('Africa', 121.61),
+        PopulationModel('Europe', 74.64),
+        PopulationModel('North America', 57.9),
+        PopulationModel('South America', 42.25),
+        PopulationModel('Australia', 2.54),
+    ];
+
+    _dataSource = MapShapeSource.asset(
+        'assets/world_map.json',
+        shapeDataField: 'continent',
+        dataCount: _data.length,
+        primaryValueMapper: (int index) => _data[index].continent,
+    );
+    super.initState();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: Center(
         child: Semantics(
           label: 'Syncfusion Flutter Maps',
           value: _semanticLabel,
           child: SfMaps(
             layers: <MapLayer>[
-              MapShapeLayer(
-                source: _dataSource,
-              ),
-            ],
+              MapShapeLayer(source: _dataSource)
+            ]
           ),
         ),
       ),
-   );
-}
+    );
+  }
 
 class PopulationModel {
   const PopulationModel(this.continent, this.populationInCrores);

Flutter/maps/data-labels.md

@@ -117,7 +117,7 @@ class Model {
 
 ## Overflow mode
 
-You can trim or remove the data label when it is overflowed from the shape using the [`MapDataLabelSettings.overflowMode`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapDataLabelSettings/overflowMode.html) property. The possible values are `visible`, `ellipsis`, and `hide`. The default value of the [`overflowMode`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapDataLabelSettings/overflowMode.html) property is `MapLabelOverflow.visible`.
+You can trim or remove the data label when it is overflowed from the shape using the [`MapDataLabelSettings.overflowMode`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapDataLabelSettings/overflowMode.html) property. The possible values are [`visible`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLabelOverflow.html#visible), [`ellipsis`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLabelOverflow.html#ellipsis), and [`hide`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLabelOverflow.html#hide). The default value of the [`overflowMode`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapDataLabelSettings/overflowMode.html) property is [`MapLabelOverflow.visible`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLabelOverflow.html#visible).
 
 By default, the data labels will render even if they overflows from the shape. 
 
@@ -141,10 +141,10 @@ void initState() {
 
     dataSource = MapShapeSource.asset(
       'assets/australia.json',
-       shapeDataField: 'STATE_NAME',
-       dataCount: data.length,
-       primaryValueMapper: (int index) => data[index].state,
-       dataLabelMapper: (int index) => data[index].dataLabel,
+      shapeDataField: 'STATE_NAME',
+      dataCount: data.length,
+      primaryValueMapper: (int index) => data[index].state,
+      dataLabelMapper: (int index) => data[index].dataLabel,
     );
     super.initState();
 }
@@ -206,11 +206,11 @@ void initState() {
     ];
 
     dataSource = MapShapeSource.asset(
-       'assets/australia.json',
-       shapeDataField: 'STATE_NAME',
-       dataCount: data.length,
-       primaryValueMapper: (int index) => data[index].state,
-       dataLabelMapper: (int index) => data[index].dataLabel,
+      'assets/australia.json',
+      shapeDataField: 'STATE_NAME',
+      dataCount: data.length,
+      primaryValueMapper: (int index) => data[index].state,
+      dataLabelMapper: (int index) => data[index].dataLabel,
     );
     super.initState();
 }