countries_world_map 1.1.1

A simple widget for a customizable WorldMap (or any country of choice). Which can all be colored based on the ISO two-letter countrycodes (or state ID).

example/lib/main.dart

import 'package:example/pages/random_map.dart';
import 'package:example/pages/supported_countries_map.dart';
import 'package:flutter/material.dart';

void main() {
  WidgetsFlutterBinding.ensureInitialized();
  runApp(SMapExampleApp());
}

class SMapExampleApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        title: 'Worldmap Example',
        theme: ThemeData(
            primarySwatch: Colors.blue,
            visualDensity: VisualDensity.adaptivePlatformDensity),
        home: MyHomePage());
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key? key}) : super(key: key);

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage>
    with SingleTickerProviderStateMixin {
  late TabController controller;

  @override
  void initState() {
    controller = TabController(length: 2, initialIndex: 0, vsync: this);
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
            title: Text('Countries World Map',
                style: TextStyle(color: Colors.blue)),
            backgroundColor: Colors.transparent,
            elevation: 0,
            bottom: TabBar(controller: controller, tabs: [
              ListTile(title: Center(child: Text('Supported countries'))),
              ListTile(title: Center(child: Text('Random colors'))),
              // ListTile(title: Center(child: Text('Africa'))),
            ])),
        body: Container(
          height: MediaQuery.of(context).size.height,
          width: MediaQuery.of(context).size.width,
          child: TabBarView(
              physics: NeverScrollableScrollPhysics(),
              controller: controller,
              children: [
                SupportedCountriesMap(),
                RandomWorldMapGenerator(),
                // AfricaContinent()
              ]),
        ));
  }
}

// class StackedWidgetTest extends StatelessWidget {
//   const StackedWidgetTest({Key? key}) : super(key: key);

//   @override
//   Widget build(BuildContext context) {
//     Map map = jsonDecode(SMapWorld.instructions);

//     double width = double.parse(map['w'].toString());
//     double height = double.parse(map['h'].toString());
//     List<Map<String, dynamic>> instructions =
//         List<Map<String, dynamic>>.from(map['i']);

//     List<SimpleMapInstruction> countryPathList = <SimpleMapInstruction>[];
//     for (var path in instructions) {
//       countryPathList.add(SimpleMapInstruction.fromJson(path));
//     }

//     return FittedBox(
//       fit: BoxFit.contain,
//       child: SizedBox(
//         width: width,
//         height: height,
//         child: Stack(
//           children: [
//             for (int i = 0; i < countryPathList.length; i++)
//               ClipPath(
//                   clipper: _BuildClipper(countryPathList[i].instructions),
//                   child: PhysicalModel(
//                     child: SizedBox(
//                         width: double.infinity, height: double.infinity),
//                     color: Colors.green,
//                     elevation: 4,
//                     shadowColor: Colors.black,
//                   )),
//             // ClipPath(
//             //     clipper: _BuildClipper(countryPathList[i].instructions),
//             //     child: Container(
//             //       decoration: BoxDecoration(
//             //           image: DecorationImage(
//             //               fit: BoxFit.cover,
//             //               image: NetworkImage(
//             //                   'https://flagcdn.com/w2560/${countryPathList[i].uniqueID.replaceAll('AF-', '').toLowerCase()}.png'))),
//             //     )),
//           ],
//         ),
//       ),
//     );
//   }
// }

// class _BuildClipper extends CustomClipper<Path> {
//   final List<String> instructions;

//   _BuildClipper(this.instructions);

//   @override
//   Path getClip(Size size) {
//     Path path = Path();

//     // Read path instructions and start drawing

//     // Read path instructions and start drawing
//     for (int j = 0; j < instructions.length; j++) {
//       String instruction = instructions[j];
//       if (instruction == "c") {
//         path.close();
//       } else {
//         List<String> coordinates = instruction.substring(1).split(',');
//         double x = double.parse(coordinates[0]);
//         double y = double.parse(coordinates[1]);

//         if (instruction[0] == 'm') path.moveTo(size.width * x, size.height * y);
//         if (instruction[0] == 'l') path.lineTo(size.width * x, size.height * y);
//       }
//     }

//     return path;
//   }

//   @override
//   bool shouldReclip(CustomClipper<Path> oldClipper) {
//     return true;
//   }
// }

// class SimpleMapInstruction {
//   /// uniqueID of the territory being drawn
//   String uniqueID;

//   /// Name of the territory being drawn
//   String name;

//   /// List of instructions to draw the territory
//   List<String> instructions;

//   SimpleMapInstruction({
//     required this.uniqueID,
//     required this.instructions,
//     required this.name,
//   });

//   // To Json
//   Map<String, dynamic> toJson() {
//     final Map<String, dynamic> data = <String, dynamic>{
//       "\"n\"": "\"$name\"",
//       "\"u\"": "\"$uniqueID\"",
//       "\"i\"": instructions,
//     };
//     return data;
//   }

//   // From Json
//   factory SimpleMapInstruction.fromJson(Map<String, dynamic> json) {
//     List<String> paths = <String>[];

//     List jsonPaths = json['i'];

//     for (int i = 0; i < jsonPaths.length; i++) {
//       paths.add(jsonPaths[i]);
//     }

//     return SimpleMapInstruction(
//         uniqueID: json['u'], name: json['n'], instructions: paths);
//   }
// }