Countries_world_map
Online example is available at countriesworldmap.simplewidgets.dev
This package provides an easy to implement World Map (or any other country of choice) which is fully customizable. It started with only a simple world map but the goal is to create a customizable map for each country. In this case "customizable" means the ability to change the color of a country/ state.
About this package
This flutter package draws a map of choice using the CustomPainter. These maps can be quite big so please read "Perfomance" below.
Available maps
World & continents
| World Maps | Continents |
|---|---|
|
|
Countries
| Africa | Asia | Australia/Oceania | Europe | Middle East | North America | South America |
|---|---|---|---|---|---|---|
|
|
Need a specific country?
You can request a specific country by creating a new issue or send an email at hello@simplewidgets.dev Please do keep in mind this is a side project. When I have time I will create the map as soon as possible.
Tips for UI
-
Wrap the WorldMap in an InteractiveViewer widget.
Using InteractiveView enables you to zoom in and out on specific countries as done in the online example. In the example the InteractiveViewer has a maxScale of 75.
-
Set the WorldMap to 92% of the available width to make it look more centered.
-
Use your own CustomPaint.
If the WorldMap/ CountryMap widget does not give the results you would like to see, you can also use the WorldMapPainter/ CountryPainter in your own defined CustomPaint. This will give you all the paths with the option to custom color each country.
Simply add CountrynamePainter to your CustomPaint widget and you are ready to go.
Performance
Some of the maps are really big, so (re)building the widget can be expensive. That's why the default Widget uses a RepaintBoundry to prevent it from unnecessary repaints. If you change a Country Color and call SetState() the widget will repaint.
! Warning
On the iPad Pro 2018 there has been found some memory issues when re-painting the WorldMap many times in a short time period. If you have memory issues, you might want to limit the possible repaints.
Like to contribute?
Feel free to help us improve this package by creating issues, pull request etc. Together we can make a great map for data visualization and other use cases. For any questions you can email hello@simplewidgets.dev
Libraries
- canvas/src/canvas_touch_detector
- canvas/src/shapes/clip
- countries_world_map
- world/simple_world/src/painter/i1
- world/simple_world/src/painter/i2
- world/simple_world/src/painter/i3
- world/simple_world/src/painter/i4
- world/simple_world/src/painter/i5
- world/simple_world/src/painter/i6
- world/simple_world/src/painter/i7
- world/simple_world/src/painter/i8
- world/simple_world/src/painter/i9
- countries/asia/japan/japan
- countries/asia/japan/src/japan_colors
- countries/asia/japan/src/japan_map
- countries/asia/japan/src/japan_painter
- countries/europe/netherlands/netherlands
- countries/europe/netherlands/src/netherlands_colors
- countries/europe/netherlands/src/netherlands_map
- countries/europe/netherlands/src/netherlands_painter
- world/simple_world/src/painter
- canvas/src/shapes/path
- canvas/src/shapes/shape
- canvas/src/shape_handler
- world/simple_world/src/simple_painter_test
- world/simple_world/src/simple_world_colors
- world/simple_world/src/simple_world_map
- world/simple_world/simple_world
- world/simple_world/src/simple_world_painter
- world/simple_world/src/test2
- canvas/touchable_canvas
- This libabry was forked from the touchable package and has been adjusted to fit this usecase.
- canvas/src/touchy_canvas
- canvas/src/types/types
- countries/north-america/usa/usa
- countries/north-america/usa/src/usa_colors
- countries/north-america/usa/src/usa_map
- countries/north-america/usa/src/usa_painter
- canvas/src/shapes/util