Flutter位置选择插件simple_location_picker的使用

simple_location_picker 是一个基于OpenStreetMap的简单位置选择器插件。它提供了一个基本的地图界面，允许用户选择一个地点，并返回所选地点的经纬度坐标。

使用方法

要使用 simple_location_picker 插件，首先需要导入相关的依赖包，并在你的项目中添加以下依赖：

dependencies:
  simple_location_picker: ^1.0.0

接下来，在你的Flutter应用中使用该插件来显示位置选择器界面。下面是一个完整的示例demo：

示例代码

import 'package:flutter/material.dart';
import 'package:simple_location_picker/simple_location_picker_screen.dart';
import 'package:simple_location_picker/simple_location_result.dart';
import 'package:simple_location_picker/utils/slp_constants.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'Simple Location Picker Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: MyHomePage(title: 'Simple Location Picker Demo'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({required this.title});

  final String title;

  [@override](/user/override)
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  SimpleLocationResult? _selectedLocation;

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text(widget.title)),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.start,
          children: <Widget>[
            SizedBox(height: 50),

            // 按钮：仅用于显示特定位置的地图
            ElevatedButton(
              child: Text("Display a location"),
              onPressed: () {
                double latitude = _selectedLocation?.latitude ?? SLPConstants.DEFAULT_LATITUDE;
                double longitude = _selectedLocation?.longitude ?? SLPConstants.DEFAULT_LONGITUDE;
                Navigator.push(
                  context,
                  MaterialPageRoute(
                    builder: (context) => SimpleLocationPicker(
                      initialLatitude: latitude,
                      initialLongitude: longitude,
                      appBarTitle: "Display Location",
                      displayOnly: true, // 设置为true以启用仅显示模式
                    ),
                  ),
                );
              },
            ),
            SizedBox(height: 50),

            // 按钮：允许用户从地图上选择一个位置
            ElevatedButton(
              child: Text("Pick a Location"),
              onPressed: () {
                double latitude = _selectedLocation?.latitude ?? SLPConstants.DEFAULT_LATITUDE;
                double longitude = _selectedLocation?.longitude ?? SLPConstants.DEFAULT_LONGITUDE;
                Navigator.push(
                  context,
                  MaterialPageRoute(
                    builder: (context) => SimpleLocationPicker(
                      initialLatitude: latitude,
                      initialLongitude: longitude,
                      appBarTitle: "Select Location",
                    ),
                  ),
                ).then((value) {
                  if (value != null) {
                    setState(() {
                      _selectedLocation = value; // 更新选定的位置
                    });
                  }
                });
              },
            ),

            SizedBox(height: 50),
            // 显示所选位置的文本
            _selectedLocation != null
                ? Text('SELECTED: (${_selectedLocation?.latitude}, ${_selectedLocation?.longitude})')
                : Container(),
          ],
        ),
      ),
    );
  }
}