Latest source merged from Syncfusion
This commit is contained in:
Родитель
0a7a6fb482
Коммит
de991213ee
|
@ -97,4 +97,4 @@ Also, you can change the font size of the [`SfMaps`](https://pub.dev/documentati
|
|||
|
||||
## Easier touch targets
|
||||
|
||||
The [`SfMaps`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/SfMaps-class.html) has touch target as 48 * 48 as per the standard for all the applicable elements.
|
||||
The [`SfMaps`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/SfMaps-class.html) has touch target as 48 * 48 as per the standard for all the applicable elements.
|
|
@ -364,3 +364,5 @@ class Model {
|
|||
{% endtabs %}
|
||||
|
||||
![Bubble customization](images/bubble/bubble-customization.png)
|
||||
|
||||
N> You can refer to our [Flutter Maps](https://www.syncfusion.com/flutter-widgets/flutter-maps) feature tour page for its groundbreaking feature representations. You can also explore our [Flutter Maps Bubble example](https://flutter.syncfusion.com/#/maps/shape-layer/bubble) that shows how to configure a Maps in Flutter.
|
|
@ -388,3 +388,5 @@ Widget build(BuildContext context) {
|
|||
{% endtabs %}
|
||||
|
||||
![Maps tile layer getting started](images/getting-started/getting_started_tile_layer.png)
|
||||
|
||||
N> You can refer to our [Flutter Maps](https://www.syncfusion.com/flutter-widgets/flutter-maps) feature tour page for its groundbreaking feature representations. You can also explore our [Flutter Maps example](https://flutter.syncfusion.com/#/maps/shape-layer/range-color-mapping) that shows how to configure a Maps in Flutter.
|
||||
|
|
|
@ -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-class.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`.
|
||||
|
||||
{% tabs %}
|
||||
{% highlight Dart %}
|
||||
|
@ -1375,7 +1375,7 @@ class Model {
|
|||
|
||||
### Gradient
|
||||
|
||||
You can set gradient color for the bar by using the [MapLegendPaintingStyle.gradient](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegendPaintingStyle-class.html).
|
||||
You can set gradient color for the bar by using the [MapLegendPaintingStyle.gradient](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegendPaintingStyle.html).
|
||||
|
||||
{% tabs %}
|
||||
{% highlight Dart %}
|
||||
|
@ -1547,7 +1547,7 @@ class Model {
|
|||
|
||||
## Bar legend labels placement
|
||||
|
||||
You can place the labels either between the segments or on the segments using the [`labelsPlacement`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegendLabelsPlacement-class.html) property.
|
||||
You can place the labels either between the segments or on the segments using the [`labelsPlacement`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegendLabelsPlacement.html) property.
|
||||
|
||||
<b>Labels placement for range color mapper</b>
|
||||
|
||||
|
@ -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-class.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`. 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 %}
|
||||
|
@ -2081,3 +2081,6 @@ class Model {
|
|||
{% endtabs %}
|
||||
|
||||
![Bar legend pointer customization](images/legend/bar-legend-pointer-customization.png)
|
||||
|
||||
N> You can refer to our [Flutter Maps](https://www.syncfusion.com/flutter-widgets/flutter-maps) feature tour page for its groundbreaking feature representations. You can also explore our [Flutter Maps Legend example](https://flutter.syncfusion.com/#/maps/shape-layer/legend) that shows how to configure a Maps in Flutter.
|
||||
|
||||
|
|
|
@ -997,3 +997,5 @@ class _TouristPlaceDetails {
|
|||
{% endtabs %}
|
||||
|
||||
![Zoom markers to fit bounds](images/markers/fit_bounds.jpg)
|
||||
|
||||
N> You can refer to our [Flutter Maps](https://www.syncfusion.com/flutter-widgets/flutter-maps) feature tour page for its groundbreaking feature representations. You can also explore our [Flutter Maps Markers example](https://flutter.syncfusion.com/#/maps/shape-layer/marker) that shows how to configure a Maps in Flutter.
|
|
@ -9,7 +9,7 @@ documentation: ug
|
|||
|
||||
# Flutter Maps (SfMaps) Overview
|
||||
|
||||
Syncfusion Flutter Maps is a powerful data visualization component that displays statistical information for a geographical area. Its rich feature set includes tile rendering from OpenStreetMap, Bing Maps, and other tile providers with marker support and shape layer with features like selection, legends, labels, markers, tooltips, bubbles, color mapping, and much more.
|
||||
[Flutter Maps](https://www.syncfusion.com/flutter-widgets/flutter-maps) is a powerful data visualization component that displays statistical information for a geographical area. Its rich feature set includes tile rendering from OpenStreetMap, Bing Maps, and other tile providers with marker support and shape layer with features like selection, legends, labels, markers, tooltips, bubbles, color mapping, and much more.
|
||||
|
||||
## Shape layer
|
||||
|
||||
|
@ -45,4 +45,4 @@ An interactive tile layer allows you to load map tiles from web map tile service
|
|||
|
||||
* **Markers** - Denote a location with built-in symbols or display a custom widget at a specific latitude and longitude on a map.
|
||||
|
||||
* **Zooming and panning** - Zoom in the tile layer for a closer look at a specific region by pinching the map, scrolling the mouse wheel or track pad, or using the toolbar on the web. Pan the map to navigate across the regions. You can also customize the zoom level and the center point of the initial rendering.
|
||||
* **Zooming and panning** - Zoom in the tile layer for a closer look at a specific region by pinching the map, scrolling the mouse wheel or track pad, or using the toolbar on the web. Pan the map to navigate across the regions. You can also customize the zoom level and the center point of the initial rendering.
|
||||
|
|
|
@ -253,3 +253,5 @@ class Model {
|
|||
{% endtabs %}
|
||||
|
||||
![Selection customization](images/selection/selection-customization.png)
|
||||
|
||||
N> You can refer to our [Flutter Maps](https://www.syncfusion.com/flutter-widgets/flutter-maps) feature tour page for its groundbreaking feature representations. You can also explore our [Flutter Maps Selection example](https://flutter.syncfusion.com/#/maps/shape-layer/selection) that shows how to configure a Maps in Flutter.
|
|
@ -853,3 +853,5 @@ class DataModel {
|
|||
{% endtabs %}
|
||||
|
||||
![Shape sublayer marker](images/shape-sublayer/sublayer-marker.png)
|
||||
|
||||
N> You can refer to our [Flutter Maps](https://www.syncfusion.com/flutter-widgets/flutter-maps) feature tour page for its groundbreaking feature representations. You can also explore our [Flutter Maps Sublayer example](https://flutter.syncfusion.com/#/maps/shape-layer/sublayer) that shows how to configure a Maps in Flutter.
|
|
@ -457,4 +457,4 @@ class Model {
|
|||
![Shape color opacity](images/shape-colors/shape-color-opacity.png)
|
||||
|
||||
N>
|
||||
* Refer the [`MapShapeSource.bubbleColorMappers`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapShapeSource/bubbleColorMappers.html), for setting the bubble colors based on the specific value.
|
||||
* Refer the [`MapShapeSource.bubbleColorMappers`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapShapeSource/bubbleColorMappers.html), for setting the bubble colors based on the specific value. You can refer to our [Flutter Maps](https://www.syncfusion.com/flutter-widgets/flutter-maps) feature tour page for its groundbreaking feature representations. You can also explore our [Flutter Maps Shapes example](https://flutter.syncfusion.com/#/maps/shape-layer/range-color-mapping) that shows how to configure a Maps in Flutter.
|
||||
|
|
|
@ -168,3 +168,5 @@ Widget build(BuildContext context) {
|
|||
## Markers
|
||||
|
||||
You can add markers in the tile layer. The procedure is very similar to the shape layer. Kindly refer the [markers](https://help.syncfusion.com/flutter/maps/markers#adding-markers) section.
|
||||
|
||||
N> You can refer to our [Flutter Maps](https://www.syncfusion.com/flutter-widgets/flutter-maps) feature tour page for its groundbreaking feature representations. You can also explore our [Flutter Maps TileLayer example](https://flutter.syncfusion.com/#/maps/tile-layer/openstreetmap) that shows how to configure a Maps in Flutter.
|
|
@ -619,4 +619,6 @@ class Model {
|
|||
N>
|
||||
* Refer the [MapShapeLayer.shapeTooltipBuilder](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapShapeLayer/shapeTooltipBuilder.html), for enabling tooltip for the shapes.
|
||||
* Refer the [MapShapeLayer.bubbleTooltipBuilder](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapShapeLayer/bubbleTooltipBuilder.html), for enabling tooltip for the bubbles.
|
||||
* Refer the [MapLayer.markerTooltipBuilder](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLayer/markerTooltipBuilder.html), for enabling tooltip for the markers.
|
||||
* Refer the [MapLayer.markerTooltipBuilder](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLayer/markerTooltipBuilder.html), for enabling tooltip for the markers.
|
||||
|
||||
N> You can refer to our [Flutter Maps](https://www.syncfusion.com/flutter-widgets/flutter-maps) feature tour page for its groundbreaking feature representations. You can also explore our [Flutter Maps Tooltip example](https://flutter.syncfusion.com/#/maps/shape-layer/tooltip) that shows how to configure a Maps in Flutter.
|
|
@ -800,3 +800,5 @@ class _CustomZoomPanBehavior extends MapZoomPanBehavior {
|
|||
|
||||
{% endhighlight %}
|
||||
{% endtabs %}
|
||||
|
||||
N> You can refer to our [Flutter Maps](https://www.syncfusion.com/flutter-widgets/flutter-maps) feature tour page for its groundbreaking feature representations. You can also explore our [Flutter Maps Zoom & Pan example](https://flutter.syncfusion.com/#/maps/shape-layer/zooming) that shows how to configure a Maps in Flutter.
|
||||
|
|
Загрузка…
Ссылка в новой задаче