Flutter地理编码插件flutter_geocoder的使用

发布于 1周前 作者 h691938207 来自 Flutter

Flutter地理编码插件flutter_geocoder的使用

flutter_geocoder 是一个用于Flutter应用中的地理编码插件,支持正向和反向地理编码。通过该插件,你可以轻松地将地址转换为地理坐标(纬度和经度),或将地理坐标转换为人类可读的地址。

使用方法

1. 导入包

首先,在你的Dart文件中导入flutter_geocoder包:

import 'package:flutter_geocoder/geocoder.dart';

2. 使用设备本地服务进行地理编码

你可以使用Geocoder.local来访问设备提供的地理编码服务。

示例代码

以下是如何从查询字符串获取地址信息,以及如何从坐标获取地址信息的例子:

// 从查询字符串获取地址
final query = "1600 Amphitheatre Parkway, Mountain View";
var addresses = await Geocoder.local.findAddressesFromQuery(query);
var first = addresses.first;
print("${first.featureName} : ${first.coordinates}");

// 从坐标获取地址
final coordinates = new Coordinates(1.10, 45.50);
addresses = await Geocoder.local.findAddressesFromCoordinates(coordinates);
first = addresses.first;
print("${first.featureName} : ${first.addressLine}");

3. 使用Google服务进行地理编码

如果你希望使用Google的服务而不是设备自带的服务来进行地理编码,可以使用Geocoder.google成员函数,并提供你的Google API密钥。

final apiKey = 'YOUR_GOOGLE_API_KEY';
final geocoder = Geocoder.google(apiKey);

// 使用Google服务进行地理编码...

完整示例Demo

下面是一个完整的示例,展示了如何在Flutter应用中集成并使用flutter_geocoder插件。

import 'package:flutter/material.dart';
import 'package:flutter_geocoder/geocoder.dart';

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Geocoder Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  [@override](/user/override)
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  String _address = '';
  String _coordinates = '';

  void _getAddressFromQuery() async {
    final query = "1600 Amphitheatre Parkway, Mountain View";
    var addresses = await Geocoder.local.findAddressesFromQuery(query);
    var first = addresses.first;
    setState(() {
      _address = "${first.featureName} : ${first.addressLine}";
      _coordinates = "${first.coordinates.latitude}, ${first.coordinates.longitude}";
    });
  }

  void _getAddressFromCoordinates() async {
    final coordinates = new Coordinates(37.4229999, -122.0840575); // Google总部坐标
    var addresses = await Geocoder.local.findAddressesFromCoordinates(coordinates);
    var first = addresses.first;
    setState(() {
      _address = "${first.featureName} : ${first.addressLine}";
      _coordinates = "${first.coordinates.latitude}, ${first.coordinates.longitude}";
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Geocoder Example'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              'Address:',
              style: TextStyle(fontSize: 20),
            ),
            Text(
              _address,
              style: TextStyle(fontSize: 16),
            ),
            SizedBox(height: 20),
            Text(
              'Coordinates:',
              style: TextStyle(fontSize: 20),
            ),
            Text(
              _coordinates,
              style: TextStyle(fontSize: 16),
            ),
            SizedBox(height: 40),
            ElevatedButton(
              onPressed: _getAddressFromQuery,
              child: Text('Get Address from Query'),
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: _getAddressFromCoordinates,
              child: Text('Get Address from Coordinates'),
            ),
          ],
        ),
      ),
    );
  }
}

更多关于Flutter地理编码插件flutter_geocoder的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter地理编码插件flutter_geocoder的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


当然,下面是一个关于如何在Flutter中使用flutter_geocoder插件的示例代码。这个插件允许你将地理坐标(经纬度)转换为地址(反向地理编码),以及将地址转换为地理坐标(正向地理编码)。

首先,你需要在你的pubspec.yaml文件中添加flutter_geocoder依赖:

dependencies:
  flutter:
    sdk: flutter
  flutter_geocoder: ^1.0.5  # 请检查最新版本号

然后,运行flutter pub get来安装依赖。

接下来,你可以在你的Dart文件中使用flutter_geocoder插件。以下是一个简单的示例,展示了如何进行正向和反向地理编码:

import 'package:flutter/material.dart';
import 'package:flutter_geocoder/flutter_geocoder.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Flutter Geocoder Example'),
        ),
        body: GeocoderExample(),
      ),
    );
  }
}

class GeocoderExample extends StatefulWidget {
  @override
  _GeocoderExampleState createState() => _GeocoderExampleState();
}

class _GeocoderExampleState extends State<GeocoderExample> {
  String _address = '';
  String _latitude = '';
  String _longitude = '';

  void _getFromLocation() async {
    double lat = 37.7853889; // 示例纬度
    double lng = -122.4056973; // 示例经度
    List<Placemark> placemarks = await placemarkFromCoordinates(lat, lng);

    if (placemarks.isNotEmpty) {
      Placemark place = placemarks[0];

      setState(() {
        _address = "${place.locality}, ${place.postalCode}, ${place.country}";
      });
    }
  }

  void _getToLocation() async {
    String description = "1600 Amphitheatre Parkway, Mountain View, CA";
    List<List<double>> coordinates = await coordinatesFromAddress(description);

    if (coordinates.isNotEmpty) {
      List<double> loc = coordinates[0];

      setState(() {
        _latitude = loc[0].toString();
        _longitude = loc[1].toString();
      });
    }
  }

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.all(16.0),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: <Widget>[
          Text('Address from coordinates:', style: TextStyle(fontSize: 18)),
          ElevatedButton(
            onPressed: _getFromLocation,
            child: Text('Get Address'),
          ),
          SizedBox(height: 16),
          Text('Address: $_address'),
          SizedBox(height: 32),
          Text('Coordinates from address:', style: TextStyle(fontSize: 18)),
          ElevatedButton(
            onPressed: _getToLocation,
            child: Text('Get Coordinates'),
          ),
          SizedBox(height: 16),
          Text('Latitude: $_latitude'),
          Text('Longitude: $_longitude'),
        ],
      ),
    );
  }
}

在这个示例中,我们创建了一个简单的Flutter应用,包含两个按钮,一个用于从地理坐标获取地址(反向地理编码),另一个用于从地址获取地理坐标(正向地理编码)。

  • _getFromLocation方法使用placemarkFromCoordinates函数从给定的经纬度获取地址。
  • _getToLocation方法使用coordinatesFromAddress函数从给定的地址获取经纬度。

注意:为了使用这些功能,你的设备或模拟器需要有网络连接,因为flutter_geocoder插件会调用外部API(如Google Maps API)来获取数据。确保你的应用具有适当的权限和API密钥配置。

回到顶部