How I will create game level map with level pointers with flutter?

Question

I am trying to make a game level map UI with flutter. I am trying to do this with Custompainter. I can draw path line but don't know how to get this level pointers and add buttons/image widget to those points. I didn't find good solution in web.

My code below:

 class LinePainter extends CustomPainter {
    int totalLevel ;
    LinePainter(this.totalLevel);

     @override
      void paint(Canvas canvas, Size size) {
       var paint = Paint()
       ..color = AppColors.primaryColor
       ..style = PaintingStyle.stroke
       ..strokeWidth = 10;


    var path = Path();
    path.moveTo(0, size.height * 0.125);
    path.lineTo(size.width- 50, size.height * 0.125);
    path.lineTo(size.width- 50, size.height * 0.375);
    path.lineTo(50, size.height * 0.375);
    path.lineTo(50, size.height * 0.625);
    path.lineTo(size.width- 50, size.height * 0.625);
    path.lineTo(size.width- 50, size.height * 0.875);
    canvas.drawPath(path, paint);
  }
  @override
  bool shouldRepaint(CustomPainter oldDelegate) {
    return true;
  }}

Please help to find best solution.