Flutter接入百度地图

由于众所周知的原因,国内无法使用location提供的谷歌定位服务,所以只能使用百度地图或者高德地图提供的定位服务。

所幸双方都已经实现了对flutter的支持。高德地图吃相难看,选用百度地图

官方文档地址

https://lbsyun.baidu.com/index.php?title=flutter/loc/guide/create

1. 获取Key

在控制台创建新的应用获取key

创建新应用

应用名称自定义,可以随便写。类型选择相符的就可以,这个不会严格审查的。

应用下面可以有好几个key,key的名称可以自定义,平台选择对应的平台。

申请key需要填写debug版本和release版本的keystore

安全码SHA1

我是mac,打开为项目生成的keystore文件,运行命令获取该文件sha1,我发布版和调试版都是用同一个keystore文件。

cd ~/project/flutter/xxxx
keytool -list -v -keystore xxx.keystore

PackageName

在 android/app/build.gradle 中获取包名

image

提交保存后即可获得Key。

集成SDK

添加服务、声明定位权限

Android:
在 android/app/src/main/AndroidManifest.xml 文件中
1、添加服务

<meta-data
    android:name="com.baidu.lbsapi.API_KEY"
    android:value="开发者申请的AK" />

2、声明权限

<!--允许访问网络,必选权限-->
    <uses-permission android:name="android.permission.INTERNET"/>
    <!--允许获取精确位置,精准定位必选-->
    <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"/>
    <!--允许获取粗略位置,粗略定位必选-->
    <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION"/>
    <!--允许获取设备和运营商信息,用于问题排查和网络定位(无gps情况下的定位),若需网络定位功能则必选-->
    <uses-permission android:name="android.permission.READ_PHONE_STATE"/>
    <!--允许获取网络状态,用于网络定位(无gps情况下的定位),若需网络定位功能则必选-->
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>
    <!--允许获取wifi网络信息,用于网络定位(无gps情况下的定位),若需网络定位功能则必选-->
    <uses-permission android:name="android.permission.ACCESS_WIFI_STATE"/>
    <!--允许获取wifi状态改变,用于网络定位(无gps情况下的定位),若需网络定位功能则必选-->
    <uses-permission android:name="android.permission.CHANGE_WIFI_STATE"/>
    <!--后台获取位置信息,若需后台定位则必选-->
    <uses-permission android:name="android.permission.ACCESS_BACKGROUND_LOCATION"/>
    <!--用于申请调用A-GPS模块,卫星定位加速-->
    <uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS"/>
    <!--允许写设备缓存,用于问题排查-->
    <uses-permission android:name="android.permission.WRITE_SETTINGS"/>
    <!--允许写入扩展存储,用于写入缓存定位数据-->
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
    <!--允许读设备等信息,用于问题排查-->
    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>

ios:
1、ios/info.plist加入

    <key>CFBundleDisplayName</key>
        <string>美好美食</string>
    <key>NSLocationWhenInUseUsageDescription</key>
    <string>使用当前位置信息</string>
    <key>NSLocationAlwaysUsageDescription</key>
    <string>实时使用当前的位置信息</string>
    <key>NSLocationAlwaysAndWhenInUseUsageDescription</key>
    <string>实时使用当前的位置信息</string>
    <!--允许后台定位-->
    <key>UIBackgroundModes</key>
    <array>
        <string>location</string>
    </array>

2、ios/Padfile末尾加入

    target.build_configurations.each do |config|
    # Here are some configurations automatically generated by flutter

      # You can enable the permissions needed here. For example to enable camera
      # permission, just remove the `#` character in front so it looks like this:
      #
      # ## dart: PermissionGroup.camera
      # 'PERMISSION_CAMERA=1'
      #
      #  Preprocessor definitions can be found in: https://github.com/Baseflow/flutter-permission-handler/blob/master/permission_handler/ios/Classes/PermissionHandlerEnums.h
      config.build_settings['GCC_PREPROCESSOR_DEFINITIONS'] ||= [
        '$(inherited)',

        ## dart: PermissionGroup.calendar
        # 'PERMISSION_EVENTS=1',

        ## dart: PermissionGroup.reminders
        # 'PERMISSION_REMINDERS=1',

        ## dart: PermissionGroup.contacts
        # 'PERMISSION_CONTACTS=1',

        ## dart: PermissionGroup.camera
        'PERMISSION_CAMERA=1',

        ## dart: PermissionGroup.microphone
        'PERMISSION_MICROPHONE=1',

        ## dart: PermissionGroup.speech
        # 'PERMISSION_SPEECH_RECOGNIZER=1',

        ## dart: PermissionGroup.photos
        'PERMISSION_PHOTOS=1',

        ## dart: [PermissionGroup.location, PermissionGroup.locationAlways, PermissionGroup.locationWhenInUse]
        'PERMISSION_LOCATION=1',

        ## dart: PermissionGroup.notification
        # 'PERMISSION_NOTIFICATIONS=1',

        ## dart: PermissionGroup.mediaLibrary
        # 'PERMISSION_MEDIA_LIBRARY=1',

        ## dart: PermissionGroup.sensors
        # 'PERMISSION_SENSORS=1',   

        ## dart: PermissionGroup.bluetooth
        # 'PERMISSION_BLUETOOTH=1',

        ## dart: PermissionGroup.appTrackingTransparency
        # 'PERMISSION_APP_TRACKING_TRANSPARENCY=1',

        ## dart: PermissionGroup.criticalAlerts
        # 'PERMISSION_CRITICAL_ALERTS=1'
      ]

    end

如图:


image.png

引入百度定位Flutter插件

# 百度地图
  flutter_bmflocation: ^3.1.0+1

获取定位

代码中填入申请好的高德apikey)

import 'dart:async';
import 'dart:io';
import 'package:flutter_bmflocation/flutter_bmflocation.dart';
import 'package:flutter_baidu_mapapi_base/flutter_baidu_mapapi_base.dart'
    show BMFLog, BMFMapSDK, BMF_COORD_TYPE;

import 'package:permission_handler/permission_handler.dart';

/*
//使用

    locationUtil.getCurrentLocation((Map result){
      print('接收到result:$result');
    }).catchError((err){
      Fluttertoast.showToast(msg: err);
    });

*/


//坐标系 GCJ02
class LocationUtil {
  StreamSubscription<Map<String, Object>>? _locationListener;
  late LocationFlutterPlugin _locationPlugin;
  PermissionStatus? status;


  LocationUtil(){
    _locationPlugin = LocationFlutterPlugin();
    _locationPlugin.setAgreePrivacy(true);
    if (Platform.isIOS) {
      /// 设置ios端ak, android端ak可以直接在清单文件中配置  
      _locationPlugin.authAK('wKcr0QantSnf00XFs9NUjelbtKKrlfOf');  
    } 

  }

  /// 动态申请定位权限
  Future<bool> _requestPermission() async {
    status = await Permission.location.status;

    if (status == PermissionStatus.granted) {
      return true;
    } else {
      //未授权则发起一次申请
      status = await Permission.location.request();
      print('status=$status');
      if (status == PermissionStatus.granted) {
        return true;
      } else {
        return false;
      }
    }
  }


  Future<void> getCurrentLocation(Function(Map result) onLocationChanged,{once=true}) async {
    bool isPermitted =  await _requestPermission();
    print('isPermitted=$isPermitted');
    if(!isPermitted){
      throw('请在手机设置中开启“河马有有”位置权限');
    }

    if(isPermitted){
      ///注册定位结果监听
      _locationPlugin.seriesLocationCallback(callback: (BaiduLocation baiduresult) {
        Map result = {};
        result['longitude'] = baiduresult.longitude;
        result['latitude'] = baiduresult.latitude;
        print("当前位置:$result");
        //返回结果
        onLocationChanged(result);
        if (result['longitude'] != null) {
          //print("当前位置:$result");
          if(once) _stopLocation();
        }
        
      });
      _startLocation();
    }
  }

  ///设置定位参数
  void _setLocationOption() {

    BaiduLocationIOSOption iosOptions = 
    BaiduLocationIOSOption(
      // 坐标系
      coordType: BMFLocationCoordType.gcj02,
      // 位置获取超时时间
      locationTimeout: 10,
      // 获取地址信息超时时间
      reGeocodeTimeout: 10,
      // 应用位置类型 默认为automotiveNavigation
      activityType:  BMFActivityType.automotiveNavigation, 
      // 设置预期精度参数 默认为best
      desiredAccuracy: BMFDesiredAccuracy.best,
      // 是否需要最新版本rgc数据
      isNeedNewVersionRgc: true,
      // 指定定位是否会被系统自动暂停
      pausesLocationUpdatesAutomatically: false,
      // 指定是否允许后台定位,
      // 允许的话是可以进行后台定位的,但需要项目 
      //配置允许后台定位,否则会报错,具体参考开发文档
      allowsBackgroundLocationUpdates: true,
      // 设定定位的最小更新距离
      distanceFilter: 10,
    );

    BaiduLocationAndroidOption androidOptions = 
    BaiduLocationAndroidOption(
      // 坐标系
      coordType: BMFLocationCoordType.gcj02,
      // 定位模式,可选的模式有高精度、仅设备、仅网络。默认为高精度模式
      locationMode: BMFLocationMode.hightAccuracy,
      // 是否需要返回地址信息
      isNeedAddress: true,
      // 是否需要返回海拔高度信息
      isNeedAltitude: true,
      // 是否需要返回周边poi信息
      isNeedLocationPoiList: true,
      // 是否需要返回新版本rgc信息
      isNeedNewVersionRgc: true,
      // 是否需要返回位置描述信息
      isNeedLocationDescribe: true,
      // 是否使用gps
      openGps: true,
      // 可选,设置场景定位参数,包括签到场景、运动场景、出行场景
      //locationPurpose: BMFLocationPurpose.signIn,
      // 设置发起定位请求的间隔,int类型,单位ms
      // 如果设置为0,则代表单次定位,即仅定位一次,默认为0
      scanspan: 4000); 
  
    _locationPlugin.prepareLoc(androidOptions.getMap(), iosOptions.getMap());
  }

  ///开始定位
  void _startLocation() {
    _setLocationOption();
    _locationPlugin.startLocation();
  }

  ///停止定位
  void _stopLocation() {
    _locationPlugin.stopLocation();
  }


  void cancel() {
    _locationPlugin.stopLocation();
    if (null != _locationListener) {
      _locationListener?.cancel(); // 停止定位
    }
  }

  //建议在dispose中调用,以免占用内存
  void destroy(){

  }
}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,088评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,715评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,361评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,099评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 60,987评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,063评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,486评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,175评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,440评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,518评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,305评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,190评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,550评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,880评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,152评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,451评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,637评论 2 335

推荐阅读更多精彩内容