strokeCap property Null safety

StrokeCap? strokeCap
final

Applies stroke cap to the start and end of the MapPolyline. You can set StrokeCap.round to get a semi-circle or StrokeCap.square to get a semi-square at the edges of the polyline.

By default, the StrokeCap.butt which doesn't apply any cap at endings.

 late List<MapLatLng> _polyLines;
 late MapShapeSource _mapSource;

  @override
  void initState() {
    _polyLines = <MapLatLng>[
      MapLatLng(13.0827, 80.2707),
      MapLatLng(14.4673, 78.8242),
      MapLatLng(14.9091, 78.0092),
      MapLatLng(16.2160, 77.3566),
      MapLatLng(17.1557, 76.8697),
      MapLatLng(18.0975, 75.4249),
      MapLatLng(18.5204, 73.8567),
      MapLatLng(19.0760, 72.8777),
    ];

    _mapSource = MapShapeSource.asset(
      'assets/india.json',
      shapeDataField: 'name',
    );

    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SfMaps(
        layers: [
          MapShapeLayer(
            source: _mapSource,
            sublayers: [
              MapPolylineLayer(
                polylines: List<MapPolyline>.generate(
                  _polyLines.length,
                  (int index) {
                    return MapPolyline(
                      points: _polyLines,
                      strokeCap: StrokeCap.round,
                    );
                  },
                ).toSet(),
              ),
            ],
          ),
        ],
      ),
    );
  }

Implementation

final StrokeCap? strokeCap;