diff --git a/Flutter/maps/accessibility.md b/Flutter/maps/accessibility.md index 489b81973..1ce6de53c 100644 --- a/Flutter/maps/accessibility.md +++ b/Flutter/maps/accessibility.md @@ -16,48 +16,46 @@ The [`SfMaps`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps {% tabs %} {% highlight Dart %} -late List _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('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 _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('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: [ - MapShapeLayer( - source: _dataSource, - ), - ], + MapShapeLayer(source: _dataSource) + ] ), ), ), - ); -} + ); + } class PopulationModel { const PopulationModel(this.continent, this.populationInCrores); diff --git a/Flutter/maps/data-labels.md b/Flutter/maps/data-labels.md index bbe7aa571..7411bb9cf 100644 --- a/Flutter/maps/data-labels.md +++ b/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(); } diff --git a/Flutter/maps/legend.md b/Flutter/maps/legend.md index 370e2b126..545f9d0a2 100644 --- a/Flutter/maps/legend.md +++ b/Flutter/maps/legend.md @@ -13,7 +13,7 @@ You can provide clear information on the data plotted on the map using legend. ## Shape legend -You can show shape legend by setting the [`MapShapeLayer.legend`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend-class.html) property as `MapLegend(MapElement.shape)`. By default, the legend item's text is rendered based on the value of [`shapeDataField`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapShapeSource/shapeDataField.html) property. The default value of the [`legend`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend-class.html) property is `null` and hence the legend will not be shown by default. +You can show shape legend by setting the [`MapShapeLayer.legend`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend-class.html) property as [`MapLegend(MapElement.shape)`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapElement.html). By default, the legend item's text is rendered based on the value of [`shapeDataField`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapShapeSource/shapeDataField.html) property. The default value of the [`legend`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend-class.html) property is `null` and hence the legend will not be shown by default. {% tabs %} {% highlight Dart %} @@ -62,7 +62,7 @@ N> ## Bubble legend -You can show bubble legend by setting the [`MapShapeLayer.legend`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend-class.html) property as `MapLegend(MapElement.bubble)`. By default, the legend item's text is rendered based on the value of [`shapeDataField`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapShapeSource/shapeDataField.html) property. +You can show bubble legend by setting the [`MapShapeLayer.legend`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend-class.html) property as [`MapLegend(MapElement.bubble)`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapElement.html#bubble). By default, the legend item's text is rendered based on the value of [`shapeDataField`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapShapeSource/shapeDataField.html) property. {% tabs %} {% highlight Dart %} @@ -132,7 +132,7 @@ N> ## Bar shape legend -You can show bar shape legend by setting the [`MapShapeLayer.legend`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/MapLegend.bar.html) property as `MapLegend.bar(MapElement.shape)`. By default, the legend item's text is rendered based on the value of [`shapeDataField`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapShapeSource/shapeDataField.html) property. +You can show bar shape legend by setting the [`MapShapeLayer.legend`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/MapLegend.bar.html) property as [`MapLegend.bar(MapElement.shape)`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapElement.html#shape). By default, the legend item's text is rendered based on the value of [`shapeDataField`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapShapeSource/shapeDataField.html) property. {% tabs %} {% highlight Dart %} @@ -181,7 +181,7 @@ N> ## Bar bubble legend -You can show bar bubble legend by setting the [`MapShapeLayer.legend`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/MapLegend.bar.html) property as `MapLegend.bar(MapElement.bubble)`. By default, the legend item's text is rendered based on the value of [`shapeDataField`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapShapeSource/shapeDataField.html) property. +You can show bar bubble legend by setting the [`MapShapeLayer.legend`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/MapLegend.bar.html) property as [`MapLegend.bar(MapElement.bubble)`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapElement.html#bubble). By default, the legend item's text is rendered based on the value of [`shapeDataField`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapShapeSource/shapeDataField.html) property. {% tabs %} {% highlight Dart %} @@ -251,7 +251,7 @@ N> ## Title -You can add title to the legend using the `MapLegend.title` property. +You can add title to the legend using the [`MapLegend.title`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/title.html) property. N> It is applicable for both shape and bar legend. @@ -464,7 +464,7 @@ class DataModel { ## Position -You can position the legend items in different directions using the [`MapLegend.position`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/position.html) property. The default value of the [`position`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/position.html) property is `MapLegendPosition.top`. The possible values are `left`, `right`, `top`, and `bottom`. +You can position the legend items in different directions using the [`MapLegend.position`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/position.html) property. The default value of the [`position`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/position.html) property is [`MapLegendPosition.top`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegendPosition.html#top). The possible values are [`left`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegendPosition.html#left), [`right`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegendPosition.html#right), [`top`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegendPosition.html#top), and [`bottom`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegendPosition.html#bottom). {% tabs %} {% highlight Dart %} @@ -638,7 +638,7 @@ class Model { For default legend -You can wrap or scroll the legend items using the [`MapLegend.overflowMode`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/overflowMode.html) property. The default value of the [`overflowMode`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/overflowMode.html) property is `MapLegendOverflowMode.wrap`. The possible values are `scroll` and `wrap`. +You can wrap or scroll the legend items using the [`MapLegend.overflowMode`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/overflowMode.html) property. The default value of the [`overflowMode`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/overflowMode.html) property is [`MapLegendOverflowMode.wrap`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegendOverflowMode.html#wrap). The possible values are [`scroll`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegendOverflowMode.html#scroll) and [`wrap`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegendOverflowMode.html#wrap). If the legend position is `left` or `right`, then the default scroll direction is `vertical`. @@ -727,7 +727,7 @@ class Model { For bar legend -You can wrap or scroll the bar legend items using the [`MapLegend.overflowMode`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/overflowMode.html) property. The default value of the [`overflowMode`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/overflowMode.html) property is `MapLegendOverflowMode.scroll`. The possible values are `scroll` and `wrap`. +You can wrap or scroll the bar legend items using the [`MapLegend.overflowMode`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/overflowMode.html) property. The default value of the [`overflowMode`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/overflowMode.html) property is [`MapLegendOverflowMode.scroll`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegendOverflowMode.html#scroll). The possible values are [`scroll`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegendOverflowMode.html#scroll) and [`wrap`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegendOverflowMode.html#wrap). If the legend position is `left` or `right`, then the default scroll direction is `vertical`. @@ -1194,10 +1194,10 @@ class Model { You can customize the legend items using the following properties. -* **iconType** - Used to change the icon shape. The default value of the [`iconType`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/MapLegend.html) argument in the [`constructor`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/MapLegend.html) is `MapIconType.circle`. The possible values are `circle`, `rectangle`, `triangle`, and `diamond`. +* **iconType** - Used to change the icon shape. The default value of the [`iconType`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/MapLegend.html) argument in the [`constructor`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/MapLegend.html) is [`MapIconType.circle`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapIconType.html#circle). The possible values are [`circle`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapIconType.html#circle), [`rectangle`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapIconType.html#rectangle), [`triangle`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapIconType.html#triangle), and [`diamond`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapIconType.html#diamond). * **iconSize** - Used to change the size of the icon. The default value of [`iconSize`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/MapLegend.html) argument in the [`constructor`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/MapLegend.html) is `Size(12.0, 12.0)`. * **spacing** - Used to provide space between the each legend items. The default value of the [`spacing`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/MapLegend.html) argument in the [`constructor`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/MapLegend.html) is `10.0`. -* **direction** - Used to arrange the legend items in either horizontal or vertical direction. The default value of [`direction`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/MapLegend.html) property is `horizontal`, if the value of the [`position`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/MapLegend.html) property is `top`, `bottom` and defaults to `vertical`, if the value of the [`position`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/MapLegend.html) property is `left` or `right`. +* **direction** - Used to arrange the legend items in either horizontal or vertical direction. The default value of [`direction`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/MapLegend.html) property is `horizontal`, if the value of the [`position`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/MapLegend.html) property is [`top`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegendPosition.html#top), [`bottom`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegendPosition.html#bottom) and defaults to `vertical`, if the value of the [`position`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/MapLegend.html) property is [`left`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegendPosition.html#left) or [`right`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegendPosition.html#right). * **padding** - Used to set padding around the legend. The default value of the [`padding`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/MapLegend.html) property is `EdgeInsets.all(10.0)`. {% tabs %} @@ -1291,7 +1291,7 @@ N> ### Solid -You can set solid color for the bar by using the [MapLegendPaintingStyle.solid](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegendPaintingStyle.html). By defaults [MapLegendPaintingStyle](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/MapLegend.bar.html) will be `solid`. +You can set solid color for the bar by using the [MapLegendPaintingStyle.solid](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegendPaintingStyle.html). By defaults [MapLegendPaintingStyle](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/MapLegend.bar.html) will be [`solid`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegendPaintingStyle.html#solid). {% tabs %} {% highlight Dart %} @@ -1459,11 +1459,11 @@ class Model { You can customize the legend items using the following properties. -* **segmentSize** - Used to change the size of individual bar segments. When gradient paint style is applied, `segmentSize` argument in the [`constructor`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/MapLegend.bar.html) will update the whole bar. -* **labelOverflow** - Used to remove or trim the legend labels based on the bar legend size.The default value of the [`labelOverflow`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/MapLegend.bar.html) argument in the [`constructor`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/MapLegend.bar.html) will be `MapLabelOverflow.hide`. -* **edgeLabelsPlacement** - Used to place the edge labels either inside or outside of the bar legend. The default value of the [`edgeLabelsPlacement`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/MapLegend.bar.html) argument in the [`constructor`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/MapLegend.bar.html) will be `MapLegendEdgeLabelsPlacement.inside`. +* **segmentSize** - Used to change the size of individual bar segments. When gradient paint style is applied, [`segmentSize`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/segmentSize.html) argument in the [`constructor`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/MapLegend.bar.html) will update the whole bar. +* **labelOverflow** - Used to remove or trim the legend labels based on the bar legend size.The default value of the [`labelOverflow`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/MapLegend.bar.html) argument in the [`constructor`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/MapLegend.bar.html) will be [`MapLabelOverflow.hide`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLabelOverflow.html#hide). +* **edgeLabelsPlacement** - Used to place the edge labels either inside or outside of the bar legend. The default value of the [`edgeLabelsPlacement`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/MapLegend.bar.html) argument in the [`constructor`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/MapLegend.bar.html) will be [`MapLegendEdgeLabelsPlacement.inside`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegendEdgeLabelsPlacement.html#inside). * **spacing** - Used to provide space between the each legend items. The default value of the [`spacing`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/spacing.html) is `2.0`. This is not applicable for gradient legend. -* **direction** - Used to arrange the legend items in either horizontal or vertical direction. The default value of [`direction`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/direction.html) property is `horizontal`, if the value of the [`position`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/position.html) property is `top`, `bottom` and defaults to `vertical`, if the value of the [`position`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/position.html) property is `left` or `right`. +* **direction** - Used to arrange the legend items in either horizontal or vertical direction. The default value of [`direction`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/direction.html) property is `horizontal`, if the value of the [`position`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/position.html) property is [`top`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegendPosition.html#top), [`bottom`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegendPosition.html#bottom) and defaults to `vertical`, if the value of the [`position`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/position.html) property is [`left`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegendPosition.html#left) or [`right`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegendPosition.html#right). * **padding** - Used to set padding around the legend. The default value of the [`padding`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/padding.html) property is `EdgeInsets.all(10.0)`. {% tabs %} @@ -1695,7 +1695,7 @@ class Model { ![Bar legend labels placement](images/legend/bar-legend-range-color-mapper-with-text.png) -The labels are positioned at the center of the segments when setting the [`labelsPlacement`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegendLabelsPlacement.html) property to `MapLegendLabelsPlacement.onItem`. The labels calculated based on the value of [MapColorMapper.text](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapColorMapper/text.html) property. If the value of [MapColorMapper.text](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapColorMapper/text.html) property is null, labels calculated based on the values of [`MapColorMapper.from`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapColorMapper/from.html) and [`MapColorMapper.to`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapColorMapper/to.html) properties. +The labels are positioned at the center of the segments when setting the [`labelsPlacement`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegendLabelsPlacement.html) property to [`MapLegendLabelsPlacement.onItem`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegendLabelsPlacement.html#onItem). The labels calculated based on the value of [MapColorMapper.text](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapColorMapper/text.html) property. If the value of [MapColorMapper.text](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapColorMapper/text.html) property is null, labels calculated based on the values of [`MapColorMapper.from`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapColorMapper/from.html) and [`MapColorMapper.to`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapColorMapper/to.html) properties. {% tabs %} {% highlight Dart %} @@ -1769,7 +1769,7 @@ class Model { Labels placement for equal color mapper -The `labelsPlacement` option is not applicable for the shape/bubble applied with equal color mapper. By default, the labels are positioned at center of the segment. +The [`labelsPlacement`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/labelsPlacement.html) option is not applicable for the shape/bubble applied with equal color mapper. By default, the labels are positioned at center of the segment. {% tabs %} {% highlight Dart %} @@ -1845,7 +1845,7 @@ class Model { ## Show pointer -You may show a pointer on the solid or gradient bar legend while hovering over a shape or bubble using the `showPointerOnHover` property. The default value of the `showPointerOnHover` property is `false`. +You may show a pointer on the solid or gradient bar legend while hovering over a shape or bubble using the [`showPointerOnHover`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/showPointerOnHover.html) property. The default value of the [`showPointerOnHover`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/showPointerOnHover.html) property is `false`. {% tabs %} {% highlight Dart %} @@ -1925,7 +1925,7 @@ It returns a widget for the given value. The pointer is used to indicate the exact color of the hovering shape or bubble on the legend segment. -The `pointerBuilder` will be called when the user interacts with the shapes or bubbles i.e., while tapping in touch devices and hovering in the mouse enabled devices. +The [`pointerBuilder`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/pointerBuilder.html) will be called when the user interacts with the shapes or bubbles i.e., while tapping in touch devices and hovering in the mouse enabled devices. {% tabs %} {% highlight Dart %} @@ -2004,7 +2004,7 @@ class Model { ## Pointer customization -You can customize the size and color of the pointer using the `pointerSize` and `pointerColor` properties. The default value of the `pointerSize` property is `Size(16, 12)`. +You can customize the size and color of the pointer using the [`pointerSize`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/pointerSize.html) and [`pointerColor`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/pointerColor.html) properties. The default value of the [`pointerSize`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/pointerSize.html) property is `Size(16, 12)`. {% tabs %} {% highlight Dart %} diff --git a/Flutter/maps/markers.md b/Flutter/maps/markers.md index 48a9b9301..54895b5a0 100644 --- a/Flutter/maps/markers.md +++ b/Flutter/maps/markers.md @@ -154,7 +154,7 @@ N> You can customize the built-in markers appearance using the [`iconType`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapMarker/iconType.html), [`iconColor`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapMarker/iconColor.html), [`iconStrokeColor`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapMarker/iconStrokeColor.html), [`iconStrokeWidth`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapMarker/iconStrokeWidth.html), and [`size`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapMarker/size.html) properties of the [`MapMarker`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapMarker-class.html). -* **Alignment** - You can change the position of the marker from the given coordinate using the `alignment` property. The default value is `Alignment.center`. The available alignment options are `topLeft`, `topRight`, `topCenter`, `centerLeft`, `center`, `centerRight`, `bottomLeft`, `bottomCenter`, `bottomRight`. +* **Alignment** - You can change the position of the marker from the given coordinate using the [`alignment`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapMarker/alignment.html) property. The default value is [`Alignment.center`](https://api.flutter.dev/flutter/painting/Alignment/center-constant.html). The available alignment options are [`topLeft`](https://api.flutter.dev/flutter/painting/Alignment/topLeft-constant.html), [`topRight`](https://api.flutter.dev/flutter/painting/Alignment/topRight-constant.html), [`topCenter`](https://api.flutter.dev/flutter/painting/Alignment/topCenter-constant.html), [`centerLeft`](https://api.flutter.dev/flutter/painting/Alignment/centerLeft-constant.html), [`center`](https://api.flutter.dev/flutter/painting/Alignment/center-constant.html), [`centerRight`](https://api.flutter.dev/flutter/painting/Alignment/centerRight-constant.html), [`bottomLeft`](https://api.flutter.dev/flutter/painting/Alignment/bottomLeft-constant.html), [`bottomCenter`](https://api.flutter.dev/flutter/painting/Alignment/bottomCenter-constant.html), [`bottomRight`](https://api.flutter.dev/flutter/painting/Alignment/bottomRight-constant.html). * **Offset** - You can adjust the marker position from the given coordinate using the `offset` property. The default value of the `offset` property is `Offset.zero`. @@ -232,7 +232,7 @@ class Model { ## Adding custom markers -You can show custom markers using the `child` property of the [`MapMarker`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapMarker-class.html) which is returned from the [`markerBuilder`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLayer/markerBuilder.html). +You can show custom markers using the [`child`](https://api.flutter.dev/flutter/widgets/SingleChildRenderObjectWidget/child.html) property of the [`MapMarker`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapMarker-class.html) which is returned from the [`markerBuilder`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLayer/markerBuilder.html). {% tabs %} {% highlight Dart %} @@ -886,9 +886,9 @@ typedef MapTapCallback = void Function(Offset position); ## Zoom markers to fit bounds -You can visualize a specific area on the map by specifying the northeast and southwest coordinate points to the `initialLatLngBounds` property in the `MapTileLayer` and `MapShapeLayer`. It renders the map by calculating the center coordinate and zoom level depending on the `initialLatLngBounds` value. +You can visualize a specific area on the map by specifying the northeast and southwest coordinate points to the [`initialLatLngBounds`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLayer/initialLatLngBounds.html) property in the [`MapTileLayer`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapTileLayer-class.html) and [`MapShapeLayer`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapShapeLayer-class.html). It renders the map by calculating the center coordinate and zoom level depending on the [`initialLatLngBounds`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLayer/initialLatLngBounds.html) value. -The `initialLatLngBounds` property can be set at load time alone. You can use the `latLngBounds` property of [`MapZoomPanBehavior`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapZoomPanBehavior-class.html) to dynamically update the map bounds. +The [`initialLatLngBounds`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLayer/initialLatLngBounds.html) property can be set at load time alone. You can use the [`latLngBounds`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapZoomPanBehavior/latLngBounds.html) property of [`MapZoomPanBehavior`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapZoomPanBehavior-class.html) to dynamically update the map bounds. {% tabs %} {% highlight Dart %} diff --git a/Flutter/maps/tooltip.md b/Flutter/maps/tooltip.md index 366a0a368..cbafaa51f 100644 --- a/Flutter/maps/tooltip.md +++ b/Flutter/maps/tooltip.md @@ -404,9 +404,9 @@ You can customize the following aspects of the tooltip: * **Background color** - Change the background color of the tooltip using the [`MapTooltipSettings.color`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapTooltipSettings/color.html) property. * **Stroke color** - Change the stroke color of the tooltip using the [`MapTooltipSettings.strokeColor`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapTooltipSettings/strokeColor.html) property. * **Stroke width** - Change the stroke width of the tooltip using the [`MapTooltipSettings.strokeWidth`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapTooltipSettings/strokeWidth.html) property. -* **Visibility** - Change the duration of the tooltip visibility using the `hideDelay` property. The default value of the `hideDelay` property is 3. By default, tooltip will hide automatically after 3 seconds of inactivity for mobile platforms. You can increase or decrease the tooltip duration or show tooltip always by setting `double.infinity` to the `hideDelay` property. +* **Visibility** - Change the duration of the tooltip visibility using the [`hideDelay`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapTooltipSettings/hideDelay.html) property. The default value of the [`hideDelay`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapTooltipSettings/hideDelay.html) property is 3. By default, tooltip will hide automatically after 3 seconds of inactivity for mobile platforms. You can increase or decrease the tooltip duration or show tooltip always by setting `double.infinity` to the [`hideDelay`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapTooltipSettings/hideDelay.html) property. -N> For mobile platforms, the `hideDelay` option is supported. When you hover over the shape, bubble, or marker on the web or desktop, a tooltip will appear. When you remove hover from the shape, it will disappear. +N> For mobile platforms, the [`hideDelay`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapTooltipSettings/hideDelay.html) option is supported. When you hover over the shape, bubble, or marker on the web or desktop, a tooltip will appear. When you remove hover from the shape, it will disappear. {% tabs %} {% highlight Dart %} diff --git a/Flutter/maps/vector-layers/circle-layer.md b/Flutter/maps/vector-layers/circle-layer.md index 9256ed60e..96c4282c8 100644 --- a/Flutter/maps/vector-layers/circle-layer.md +++ b/Flutter/maps/vector-layers/circle-layer.md @@ -741,7 +741,7 @@ You can apply color to the inverted circle by initializing the [`MapCircleLayer. You can customize the inverted circle using the following properties: * **Stroke color** - Change the stroke color of the circle using the [`strokeColor`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapCircleLayer/strokeColor.html) property. -* **Stroke width** - Change the stroke width of the circle using the [`strokeWidth`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapCircleLayer/strokeWidth.html) property. The default value of the `strokeWidth` property is `1`. +* **Stroke width** - Change the stroke width of the circle using the [`strokeWidth`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapCircleLayer/strokeWidth.html) property. The default value of the [`strokeWidth`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapCircleLayer/strokeWidth.html) property is `1`. * **Overlay color** - Change the outer portion color of the circle using the [`color`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapCircleLayer/color.html) property. * **Tooltip** - Enable tooltip for the inverted circle using the [`tooltipBuilder`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapSublayer/tooltipBuilder.html) property. * **Animation** - Apply animation to the inverted circle using the [`animation`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapCircleLayer/animation.html) property and customize the animation curve and duration. diff --git a/Flutter/maps/vector-layers/line-layer.md b/Flutter/maps/vector-layers/line-layer.md index 38bba5e14..92d810fa8 100644 --- a/Flutter/maps/vector-layers/line-layer.md +++ b/Flutter/maps/vector-layers/line-layer.md @@ -259,7 +259,7 @@ class DataModel { ## Stroke cap -You can apply the same stroke cap for all [`MapLine`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLine-class.html) in the [`lines`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLineLayer/lines.html) collection using the `MapLineLayer.strokeCap` property. Alternatively, you can apply different stroke cap to each [`MapLine`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLine-class.html) in the [`lines`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLineLayer/lines.html) collection using the individual `MapLine.strokeCap` property. The default value of the `MapLineLayer.strokeCap` property is `StrokeCap.butt`. The available values are `butt`, `round`, and `square`. +You can apply the same stroke cap for all [`MapLine`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLine-class.html) in the [`lines`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLineLayer/lines.html) collection using the [`MapLineLayer.strokeCap`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLineLayer/strokeCap.html) property. Alternatively, you can apply different stroke cap to each [`MapLine`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLine-class.html) in the [`lines`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLineLayer/lines.html) collection using the individual [`MapLine.strokeCap`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLine/strokeCap.html) property. The default value of the [`MapLineLayer.strokeCap`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLineLayer/strokeCap.html) property is [`StrokeCap.butt`](https://api.flutter.dev/flutter/dart-ui/StrokeCap.html#butt). The available values are [`butt`](https://api.flutter.dev/flutter/dart-ui/StrokeCap.html#butt), [`round`](https://api.flutter.dev/flutter/dart-ui/StrokeCap.html#round), and [`square`](https://api.flutter.dev/flutter/dart-ui/StrokeCap.html#square). {% tabs %} {% highlight Dart %} diff --git a/Flutter/maps/vector-layers/polygon-layer.md b/Flutter/maps/vector-layers/polygon-layer.md index 24fbb838f..f5856a5b9 100644 --- a/Flutter/maps/vector-layers/polygon-layer.md +++ b/Flutter/maps/vector-layers/polygon-layer.md @@ -526,7 +526,7 @@ You can apply color to the inverted polygon by initializing the [`MapPolygonLaye You can customize the inverted polygon using the following properties: * **Stroke color** - Change the stroke color of the polygon using the [`strokeColor`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapPolygonLayer/strokeColor.html) property. -* **Stroke width** - Change the stroke width of the polygon using the [`strokeWidth`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapPolygonLayer/strokeWidth.html) property. The default value of the `strokeWidth` property is `1`. +* **Stroke width** - Change the stroke width of the polygon using the [`strokeWidth`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapPolygonLayer/strokeWidth.html) property. The default value of the [`strokeWidth`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapPolygonLayer/strokeWidth.html) property is `1`. * **Overlay color** - Change the outer portion color of the polygon using the [`color`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapPolygonLayer/color.html) property. * **Tooltip** - You can enable tooltip for the inverted polygon using the [`tooltipBuilder`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapSublayer/tooltipBuilder.html) property. diff --git a/Flutter/maps/vector-layers/polyline-layer.md b/Flutter/maps/vector-layers/polyline-layer.md index 50e9bceec..ef04e589e 100644 --- a/Flutter/maps/vector-layers/polyline-layer.md +++ b/Flutter/maps/vector-layers/polyline-layer.md @@ -319,7 +319,7 @@ class PolylineModel { ## Stroke cap -You can apply the same stroke cap for all [`MapPolyline`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapPolyline-class.html) in the [`polylines`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapPolylineLayer/polylines.html) collection using the `MapPolylineLayer.strokeCap` property. Alternatively, you can apply different stroke cap to each [`MapPolyline`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapPolyline-class.html) in the [`polylines`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapPolylineLayer/polylines.html) collection using the individual `MapPolyline.strokeCap` property. The default value of the `MapPolylineLayer.strokeCap` property is `StrokeCap.butt`. The available values are `butt`, `round`, and `square`. +You can apply the same stroke cap for all [`MapPolyline`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapPolyline-class.html) in the [`polylines`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapPolylineLayer/polylines.html) collection using the [`MapPolylineLayer.strokeCap`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapPolylineLayer/strokeCap.html) property. Alternatively, you can apply different stroke cap to each [`MapPolyline`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapPolyline-class.html) in the [`polylines`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapPolylineLayer/polylines.html) collection using the individual [`MapPolyline.strokeCap`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapPolyline/strokeCap.html) property. The default value of the [`MapPolylineLayer.strokeCap`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapPolylineLayer/strokeCap.html) property is [`StrokeCap.butt`](https://api.flutter.dev/flutter/dart-ui/StrokeCap.html#butt). The available values are [`butt`](https://api.flutter.dev/flutter/dart-ui/StrokeCap.html#butt), [`round`](https://api.flutter.dev/flutter/dart-ui/StrokeCap.html#round), and [`square`](https://api.flutter.dev/flutter/dart-ui/StrokeCap.html#square). {% tabs %} {% highlight Dart %} diff --git a/Flutter/maps/zoom-pan.md b/Flutter/maps/zoom-pan.md index af07e4fe3..7fe9b299b 100644 --- a/Flutter/maps/zoom-pan.md +++ b/Flutter/maps/zoom-pan.md @@ -383,7 +383,7 @@ The toolbar can be used to perform zoom in, zoom out, and reset operations in th You can customize the toolbar items using the following properties: -* **Position** - Used to position the toolbar item at the four corners of the map visual bounds using the [`position`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapToolbarSettings/position.html) property. The default value of the [`position`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapToolbarSettings/position.html) property is `MapToolbarPosition.topRight`. The possible values are `topRight`, `topLeft`, `bottomLeft`, and `bottomRight`. +* **Position** - Used to position the toolbar item at the four corners of the map visual bounds using the [`position`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapToolbarSettings/position.html) property. The default value of the [`position`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapToolbarSettings/position.html) property is `MapToolbarPosition.topRight`. The possible values are [`topRight`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapToolbarPosition.html#topRight), [`topLeft`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapToolbarPosition.html#topLeft), [`bottomLeft`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapToolbarPosition.html#bottomLeft), and [`bottomRight`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapToolbarPosition.html#bottomRight). * **Icon color** - Used to set color to the three icons using the [`iconColor`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapToolbarSettings/iconColor.html) property.