美文网首页
Flutter集成高德地图定位组件

Flutter集成高德地图定位组件

作者: 陌北v1 | 来源:发表于2019-11-16 17:18 被阅读0次

    插件地址github:
    https://github.com/fluttify-project/amap_location_fluttify
    flutter pub:
    https://pub.flutter-io.cn/packages/amap_location_fluttify

    Flutter 签名方法(如果没有生成过签名文件,参考此文章)
    https://www.jianshu.com/p/248eeb5d6535

    Android Studio配置:
    1.配置 android\app\src\main\AndroidManifest.xml文件
    在AndroidManifest.xml的application标签中配置Key(这一步不要搞错了。是application标签中配置Key):

    <meta-data
        android:name="com.amap.api.v2.apikey"
        android:value="您的Key"/>
    

    在AndroidManifest.xml中配置权限:

    //地图包、搜索包需要的基础权限
         
    <!--允许程序打开网络套接字-->
    <uses-permission android:name="android.permission.INTERNET" />  
    <!--允许程序设置内置sd卡的写权限-->
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />    
    <!--允许程序获取网络状态-->
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /> 
    <!--允许程序访问WiFi网络信息-->
    <uses-permission android:name="android.permission.ACCESS_WIFI_STATE" /> 
    <!--允许程序读写手机状态和身份-->
    <uses-permission android:name="android.permission.READ_PHONE_STATE" />     
    <!--允许程序访问CellID或WiFi热点来获取粗略的位置-->
    <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" /> 
    

    开始安装:

    dependencies:
      amap_location_fluttify: ^0.2.7+d2eb645
    

    导入:

    import 'package:amap_location_fluttify/amap_location_fluttify.dart';
    

    使用:

    await AmapCore.init('ios key');//IOS需要,安卓不需要
    
    if (await requestPermission()) {
      await AmapLocation.startLocation(
        once: true,
        locationChanged: (location) {
          _location = location;
          setState(() {});
        },
      );
    }
    

    例子:

    import 'package:amap_core_fluttify/amap_core_fluttify.dart';
    import 'package:amap_location_fluttify/amap_location_fluttify.dart';
    import 'package:decorated_flutter/decorated_flutter.dart';
    import 'package:flutter/material.dart';
    import 'package:permission_handler/permission_handler.dart';
    
    void main() async {
      await AmapCore.init('f6422eadda731fb0d9ffb3260a5cf899');
      runApp(MyApp());
    }
    
    class MyApp extends StatefulWidget {
      @override
      _MyAppState createState() => _MyAppState();
    }
    
    class _MyAppState extends State<MyApp> with AmapLocationDisposeMixin {
      Location _location;
    
      @override
      Widget build(BuildContext context) {
        return MaterialApp(
          home: Scaffold(
            appBar: AppBar(title: const Text('Plugin example app')),
            body: DecoratedColumn(
              padding: EdgeInsets.symmetric(horizontal: kSpaceLarge),
              crossAxisAlignment: CrossAxisAlignment.stretch,
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                RaisedButton(
                  child: Text('获取单次定位'),
                  onPressed: () async {
                    if (await requestPermission()) {
                      AmapLocation.startLocation(
                        once: true,
                        locationChanged: (location) {
                          _location = location;
                          setState(() {});
                        },
                      );
                    }
                  },
                ),
                RaisedButton(
                  child: Text('获取连续定位'),
                  onPressed: () async {
                    if (await requestPermission()) {
                      AmapLocation.startLocation(
                        once: false,
                        locationChanged: (location) {
                          _location = location;
                          setState(() {});
                        },
                      );
                    }
                  },
                ),
                RaisedButton(
                  child: Text('停止定位'),
                  onPressed: () async {
                    if (await requestPermission()) {
                      await AmapLocation.stopLocation();
                    }
                  },
                ),
                if (_location != null)
                  FutureBuilder<String>(
                    initialData: '',
                    future: _location.address,
                    builder: (_, ss) =>
                        Center(child: Text('address: ${ss.data}' ?? '')),
                  ),
                if (_location != null)
                  FutureBuilder<String>(
                    initialData: '',
                    future: _location.country,
                    builder: (_, ss) =>
                        Center(child: Text('country: ${ss.data}' ?? '')),
                  ),
                if (_location != null)
                  FutureBuilder<String>(
                    initialData: '',
                    future: _location.province,
                    builder: (_, ss) =>
                        Center(child: Text('province: ${ss.data}' ?? '')),
                  ),
                if (_location != null)
                  FutureBuilder<String>(
                    initialData: '',
                    future: _location.city,
                    builder: (_, ss) =>
                        Center(child: Text('city: ${ss.data}' ?? '')),
                  ),
                if (_location != null)
                  FutureBuilder<String>(
                    initialData: '',
                    future: _location.district,
                    builder: (_, ss) =>
                        Center(child: Text('district: ${ss.data}' ?? '')),
                  ),
                if (_location != null)
                  FutureBuilder<String>(
                    initialData: '',
                    future: _location.poiName,
                    builder: (_, ss) =>
                        Center(child: Text('poiName: ${ss.data}' ?? '')),
                  ),
                if (_location != null)
                  FutureBuilder<String>(
                    initialData: '',
                    future: _location.street,
                    builder: (_, ss) =>
                        Center(child: Text('street: ${ss.data}' ?? '')),
                  ),
                if (_location != null)
                  FutureBuilder<String>(
                    initialData: '',
                    future: _location.aoiName,
                    builder: (_, ss) =>
                        Center(child: Text('aoiName: ${ss.data}' ?? '')),
                  ),
                if (_location != null)
                  FutureBuilder<double>(
                    initialData: 0.0,
                    future: _location.latitude,
                    builder: (_, ss) =>
                        Center(child: Text('latitude: ${ss.data}' ?? '')),
                  ),
                if (_location != null)
                  FutureBuilder<double>(
                    initialData: 0.0,
                    future: _location.longitude,
                    builder: (_, ss) =>
                        Center(child: Text('longitude: ${ss.data}' ?? '')),
                  ),
                if (_location != null)
                  FutureBuilder<double>(
                    initialData: 0.0,
                    future: _location.altitude,
                    builder: (_, ss) =>
                        Center(child: Text('altitude: ${ss.data}' ?? '')),
                  ),
              ],
            ),
          ),
        );
      }
    }
    
    Future<bool> requestPermission() async {
      final permissions =
          await PermissionHandler().requestPermissions([PermissionGroup.location]);
    
      if (permissions[PermissionGroup.location] == PermissionStatus.granted) {
        return true;
      } else {
        toast('需要定位权限!');
        return false;
      }
    }
    

    相关文章

      网友评论

          本文标题:Flutter集成高德地图定位组件

          本文链接:https://www.haomeiwen.com/subject/xviyictx.html