dashArray property
Apply same dash pattern for all the MapArc in the arcs collection.
A sequence of dash and gap will be rendered based on the values in this list. Once all values of the list is rendered, it will be repeated again till the end of the arc.
late List<Model> _arcs;
late MapZoomPanBehavior _zoomPanBehavior;
late MapShapeSource _mapSource;
@override
void initState() {
_zoomPanBehavior = MapZoomPanBehavior(
focalLatLng: MapLatLng(40.7128, -95.3698),
zoomLevel: 3,
);
_mapSource = MapShapeSource.asset(
"assets/world_map.json",
shapeDataField: "continent",
);
_arcs = <Model>[
Model(MapLatLng(40.7128, -74.0060), MapLatLng(44.9778, -93.2650)),
Model(MapLatLng(40.7128, -74.0060), MapLatLng(33.4484, -112.0740)),
Model(MapLatLng(40.7128, -74.0060), MapLatLng(29.7604, -95.3698)),
Model(MapLatLng(40.7128, -74.0060), MapLatLng(39.7392, -104.9903)),
];
super.initState();
}
@override
Widget build(BuildContext context) {
return Scaffold(
body: SfMaps(
layers: [
MapShapeLayer(
source: _mapSource,
zoomPanBehavior: _zoomPanBehavior,
sublayers: [
MapArcLayer(
dashArray: [8, 3, 4, 3],
arcs: List<MapArc>.generate(
_arcs.length,
(int index) {
return MapArc(
from: _arcs[index].from,
to: _arcs[index].to,
);
},
).toSet(),
),
],
),
],
),
);
}
class Model {
Model(this.from, this.to);
MapLatLng from;
MapLatLng to;
}
See also:
- The MapArc.dashArray, to apply dash pattern for the individual map arc.
Implementation
final List<double> dashArray;