City Picker From Map
A flutter package for select a city from svg map.
Supported countries (+150) are here.
Screenshots
Getting Started
In the pubspec.yaml of your Flutter project, add the following dependency:
dependencies: ... city_picker_from_map: any
In your library file add the following import:
import 'package:city_picker_from_map/city_picker_from_map.dart';
Usage
CityPickerMap(
width: double.infinity,
height: double.infinity,
map: Maps.TURKEY,
onChanged: (city) {
setState(() {
selectedCity = city;
});
},
actAsToggle: true,
dotColor: Colors.white,
selectedColor: Colors.lightBlueAccent,
strokeColor: Colors.white24,
)
Props
| props | types | description |
|---|---|---|
| key | Key? | |
| map | String | Name of the map you want to show. Use as Maps.<MAP_NAME> All maps are in the maps.dart |
| width | double? | Map width. Default value is double.infinity |
| height | double? | Map height. Default value is double.infinity |
| dotColor | Color? | Color of the dot in the center of the city |
| strokeColor | Color? | Color of the city borders |
| selectedColor | Color? | Color of the selected city |
| actAsToggle | boolean? | City selecting act as like toggle button |
| onChanged | Function(City? city) | Returns new city value when it changed |
Download City Picker From Map package source code on GitHub
Provides the list of the opensource Flutter apps collection with GitHub repository.
