地图城市选择器

一个用于从 SVG 地图选择城市的 Flutter 包。

selecting_city

支持的国家（+150个）在此处 这里。

截图

responsive

ss3

ss4

入门

在您的 **Flutter** 项目的 pubspec.yaml 文件中，添加以下依赖项：

dependencies:
  ...
  city_picker_from_map: any

在您的库文件中添加以下导入：

import 'package:city_picker_from_map/city_picker_from_map.dart';

用法

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 描述
key 键？
map 字符串 您想显示的地图名称。用作 Maps.<MAP_NAME> 所有地图都在 maps.dart 中
width double? 地图宽度。默认值为 double.infinity
高度 double? 地图高度。默认值为 double.infinity
dotColor Color? 城市中心点的颜色
strokeColor Color? 城市边框的颜色
selectedColor Color? 选定城市的颜色
actAsToggle 布尔值？ 城市选择充当切换按钮
onChanged Function(City? city) 返回更改后的新城市值

作者

GitHub

https://github.com/ahm3tcelik/city_picker_from_map