city_picker_from_map

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

一个 Flutter 包，允许用户从 SVG 地图中选择城市，提供一种交互式且可视化的地点选择方式。该包专为需要地理输入的应用程序（如地址表单或旅行应用）设计。支持 Android、iOS、Web、macOS、Windows 和 Linux 多个平台，确保广泛的兼容性。它利用 SVG 地图实现可缩放的高质量渲染，并允许开发者自定义选择体验。非常适合以最少的设置将直观的位置选择功能集成到应用程序中。

适合场景

旅行应用中的交互式城市选择
表单中的地理位置输入
基于地图的地址选择器
用户位置偏好设置
可自定义地理界面

主要特点

SVG 地图集成
跨平台支持
交互式城市选择
可缩放矢量图形
可自定义的 UI
通过 pub add 轻松集成

适合对象

开发位置感知应用的开发者
需要视觉地图交互的应用
需要城市级别地理定位的项目
希望使用交互式地图的设计人员
移动和Web应用

使用建议

需要 SVG 地图文件
限于预定义城市
可能需要地图数据更新
依赖外部 SVG 资产
大型地图的性能
不适用于实时GPS跟踪

原始 README

以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。

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

Author

Ahmet ÇELİK

搜索插件、代码仓与 APP 分类

安装插件