Flutter地理编码插件open_geocoder的使用

Flutter地理编码插件open_geocoder的使用

如何使用

使用open_geocoder插件可以通过位置名称或经纬度获取地址信息。

获取地址(通过名称)
void getAddressWithName() async {
    List<GeoData> addressesList = 
        await OpenGeocoder.getAddressesWithName(name: 'Punjab');
    if (addressesList.isNotEmpty) {
      debugPrint('Name: ${addressesList[0].displayName}');
    }
}
获取地址(通过经纬度)
getAddressWithLatLang() async {
    GeoLatLang? geoLatLang = await OpenGeocoder.getAddressWithLatLong(
        latitude: 42.1822177, longitude: 2.4890211);
    if(geoLatLang != null){
      Address address = geoLatLang.address!;
      debugPrint('Name: ${geoLatLang.name!}, Street: ${address.road}');
    }
}

示例代码

以下是一个完整的示例代码,展示了如何在Flutter应用中使用open_geocoder插件来获取地址信息。

import 'dart:math';

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

import 'package:flutter/services.dart';
import 'package:open_geocoder/model/GeoData.dart';
import 'package:open_geocoder/model/geo_address.dart';
import 'package:open_geocoder/open_geocoder.dart';

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

class MyApp extends StatefulWidget {
  const MyApp({super.key});

  [@override](/user/override)
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  String _platformVersion = 'Unknown';
  final _openGeocoderPlugin = OpenGeocoder();

  [@override](/user/override)
  void initState() {
    super.initState();
    initPlatformState();
  }

  // 平台消息是异步的,所以我们初始化在一个异步方法中。
  Future<void> initPlatformState() async {
    String platformVersion;
    // 平台消息可能会失败,所以我们使用try/catch PlatformException。
    // 我们还处理消息可能返回null的情况。
    try {
      platformVersion = await _openGeocoderPlugin.getPlatformVersion() ??
          'Unknown platform version';
    } on PlatformException {
      platformVersion = 'Failed to get platform version.';
    }

    // 如果小部件从树中移除时异步平台消息仍在飞行,则我们希望丢弃回复而不是调用
    // setState以更新我们的非存在的外观。
    if (!mounted) return;

    setState(() {
      _platformVersion = platformVersion;
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    getAddressWithName();
    getAddressWithLatLang();
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('插件示例应用'),
        ),
        body: Center(
          child: Text('运行于: $_platformVersion\n'),
        ),
      ),
    );
  }

  void getAddressWithName() async {
    List<GeoData> addressesList = 
        await OpenGeocoder.getAddressesWithName(name: 'Punjab');
    if (addressesList.isNotEmpty) {
      debugPrint('Name: ${addressesList[0].displayName}');
    }
  }

  getAddressWithLatLang() async {
    GeoLatLang? geoLatLang = await OpenGeocoder.getAddressWithLatLong(
        latitude: 42.1822177, longitude: 2.4890211);
    if(geoLatLang != null){
      Address address = geoLatLang.address!;
      debugPrint('Name: ${geoLatLang.name!}, Street: ${address.road}');
    }
  }
}

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

1 回复

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


当然,以下是一个关于如何在Flutter项目中使用open_geocoder插件的示例代码。这个插件允许你进行地理编码(从地址获取经纬度)和逆地理编码(从经纬度获取地址)。

首先,确保你的Flutter项目已经创建,并且已经添加了open_geocoder依赖。在你的pubspec.yaml文件中添加以下依赖:

dependencies:
  flutter:
    sdk: flutter
  open_geocoder: ^0.5.0  # 请检查最新版本号

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

接下来,你可以在你的Flutter应用中使用open_geocoder进行地理编码和逆地理编码。以下是一个简单的示例代码:

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

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

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  String _result = '';

  void _geocode() async {
    OpenGeocoder geocoder = OpenGeocoder('YOUR_API_KEY'); // 如果插件需要API密钥,请在这里添加
    String address = "1600 Amphitheatre Parkway, Mountain View, CA";
    
    try {
      List<GeocodedLocation> results = await geocoder.geocode(address);
      if (results.isNotEmpty) {
        GeocodedLocation firstLocation = results.first;
        setState(() {
          _result = "Latitude: ${firstLocation.coordinates.latitude}, Longitude: ${firstLocation.coordinates.longitude}";
        });
      } else {
        setState(() {
          _result = "No results found for address: $address";
        });
      }
    } catch (e) {
      setState(() {
        _result = "Error: $e";
      });
    }
  }

  void _reverseGeocode() async {
    OpenGeocoder geocoder = OpenGeocoder('YOUR_API_KEY'); // 如果插件需要API密钥,请在这里添加
    double latitude = 37.4219999;
    double longitude = -122.0840575;
    
    try {
      List<GeocodedLocation> results = await geocoder.reverseGeocode(latitude, longitude);
      if (results.isNotEmpty) {
        GeocodedLocation firstLocation = results.first;
        setState(() {
          _result = "${firstLocation.streetAddress}, ${firstLocation.locality}, ${firstLocation.country}";
        });
      } else {
        setState(() {
          _result = "No results found for coordinates: ($latitude, $longitude)";
        });
      }
    } catch (e) {
      setState(() {
        _result = "Error: $e";
      });
    }
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Open Geocoder Example'),
        ),
        body: Padding(
          padding: const EdgeInsets.all(16.0),
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              ElevatedButton(
                onPressed: _geocode,
                child: Text('Geocode'),
              ),
              SizedBox(height: 20),
              ElevatedButton(
                onPressed: _reverseGeocode,
                child: Text('Reverse Geocode'),
              ),
              SizedBox(height: 40),
              Text(_result, style: TextStyle(fontSize: 18)),
            ],
          ),
        ),
      ),
    );
  }
}

注意

  1. OpenGeocoder的构造函数可能需要API密钥,这取决于你使用的地理编码服务(如Google Maps Geocoding API)。如果你的服务不需要API密钥,可以省略该参数。
  2. 某些地理编码服务可能有请求限制和费用,请确保你了解并遵守这些限制。
  3. 在实际开发中,请确保处理所有可能的异常和错误情况,以提供用户友好的体验。

这个示例代码展示了如何使用open_geocoder插件进行基本的地理编码和逆地理编码操作。你可以根据自己的需求进一步扩展和修改这个示例。

回到顶部