countries_world_map 1.2.3

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';

import 'pages/interactive_map.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());
    // home: Scaffold(
    //     body: Center(
    //         child: SimpleMap(
    //   markers: [
    //     // PARIS  1.088   |  9.726    | 51.089
    //     // SimpleMapMarker(
    //     //     markerSize: Size(16, 16),
    //     //     latLong: LatLong(latitude: 48.864716, longitude: 2.349014),
    //     //     marker: Icon(
    //     //       Icons.circle_outlined,
    //     //       color: Colors.green,
    //     //       size: 16,
    //     //     )),

    //     // BERLIN  1.04  |   7.788   |  55.057
    //     // SimpleMapMarker(
    //     //     markerSize: Size(16, 16),
    //     //     latLong: LatLong(latitude: 52.520008, longitude: 13.404954),
    //     //     marker: Icon(
    //     //       Icons.circle_outlined,
    //     //       color: Colors.green,
    //     //       size: 16,
    //     //     )),

    //     // LONDON  1.02   |   11.683   |   60.846
    //     // SimpleMapMarker(
    //     //     markerSize: Size(16, 16),
    //     //     latLong: LatLong(latitude: 51.507351, longitude: -0.127758),
    //     //     marker: Icon(
    //     //       Icons.circle_outlined,
    //     //       color: Colors.green,
    //     //       size: 16,
    //     //     )),

    //     // // BOGOTA
    //     // SimpleMapMarker(
    //     //     markerSize: Size(16, 16),
    //     //     latLong: LatLong(latitude: 4.710989, longitude: -74.072092),
    //     //     marker: Icon(
    //     //       Icons.circle_outlined,
    //     //       color: Colors.green,
    //     //       size: 16,
    //     //     )),

    //     // // NEW YORK

    //     // SimpleMapMarker(
    //     //     markerSize: Size(16, 16),
    //     //     latLong: LatLong(latitude: 40.730610, longitude: -73.935242),
    //     //     marker: Icon(
    //     //       Icons.circle_outlined,
    //     //       color: Colors.green,
    //     //       size: 16,
    //     //     )),

    //     // // TOKYO
    //     // SimpleMapMarker(
    //     //     markerSize: Size(16, 16),
    //     //     latLong: LatLong(latitude: 35.652832, longitude: 139.839478),
    //     //     marker: Icon(
    //     //       Icons.circle_outlined,
    //     //       color: Colors.green,
    //     //       size: 16,
    //     //     )),

    //     // // TORONTO
    //     SimpleMapMarker(
    //         markerSize: Size(16, 16),
    //         latLong: LatLong(latitude: 43.651070, longitude: -79.347015),
    //         marker: Icon(
    //           Icons.circle_outlined,
    //           color: Colors.green,
    //           size: 16,
    //         )),
    //   ],
    //   defaultColor: Colors.grey.shade300,
    //   // key: Key(properties.toString()),
    //   // colors: keyValuesPaires,
    //   instructions: SMapCanada.instructions,
    //   callback: (id, name, tapDetails) {
    //     print('id: $id, name: $name');
    //   },
    //   // callback: (id, name, tapDetails) {
    //   //   setState(() {
    //   //     state = name;

    //   //     int i = properties
    //   //         .indexWhere((element) => element['id'] == id);

    //   //     properties[i]['color'] =
    //   //         properties[i]['color'] == Colors.green
    //   //             ? null
    //   //             : Colors.green;
    //   //     keyValuesPaires[properties[i]['id']] =
    //   //         properties[i]['color'];
    //   //   });
    //   // },
    // ))));
  }
}

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: 3, 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('Hover map (Mercator)'))),
              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(),
                InteractiveMap(),
                RandomWorldMapGenerator(),
              ]),
        ));
  }
}