flutter 获取定位_10分钟让你的flutter程序拥有定位功能--集成高德地图定位指南...

地图定位这个功能目前基本上是商业应用app的标配。然而，在flutter中进行原生功能的开发，意味着必须的ios和android双端都通，而且需要大量的调试时间。尤其目前这个时间点，flutter的版本更新频繁，原生编译问题重重。不过没关系，总有那么一部分先驱奋不顾身的为大家踩坑探路，best-flutter目前就在做这个工作。

高德地图定位组件是第一个在flutter中集成国内地图定位功能的组件，地址在这里: https://github.com/best-flutt...

下面我们来看下如何方便的使用这个库吧。

准备工作

这里笔者申请的时候

android的包名称为com.jzoom.amaplocationexample,

ios的包名称为com.jzoom.amapLocationExample

第一步

创建一个flutter程序,命令行运行程序:

flutter create amap_demo

编辑一下项目依赖:

amap_location: 0.1.0

跑一下flutter packages get

第二步

集成android

applicationId需要与申请key的时候填写的包名称一致，新增配置

manifestPlaceholders = [

AMAP_KEY : "你申请的key", /// 高德地图key

]

第三步

集成ios

Bundle Identifier需要与申请的时候填写的一致

ios项目目录中的info.plist,需要新增节点

NSLocationWhenInUseUsageDescription

定位用来干什么，需要描述清楚

第三步

项目中使用

import 'package:amap_location/amap_location.dart';

设置一下key,修改一下原来的main方法

void main(){

AMapLocationClient.setApiKey("你申请的key");

runApp(new MyApp());

}

先启动一下

await AMapLocationClient.startup(new AMapLocationOption( desiredAccuracy:CLLocationAccuracy.kCLLocationAccuracyHundredMeters ));

直接获取定位:

await AMapLocationClient.getLocation(true)

监听定位

AMapLocationClient.onLocationUpate.listen((AMapLocation loc){

if(!mounted)return;

setState(() {

...

});

AMapLocationClient.startLocation();

在flutter中使用高德地图定位组件是不是很简单呢。

flutter 获取定位_10分钟让你的flutter程序拥有定位功能--集成高德地图定位指南...相关推荐

Android项目集成高德地图定位功能
1.在Project的build.gradle文件中配置repositories,添加maven或jcenter仓库地址 Android Studio默认会在Project的build.gradle为 ...
华为手机集成高德地图定位必须开启定位服务（不是申请定位权限，是打开GPS定位）
今天集成了高德地图的定位SDK准备搞一下,在华为上定位回调中一直提示:错误码12,定位失败,位置服务未开启,开始还以为是动态权限的问题,看了一下发现权限是开启的,这就纳闷了,换了其他手机发现是正常的, ...
flutter 获取定位_从头开发一个Flutter插件（二）高德地图定位插件
在上一篇文章从头开发一个Flutter插件(一)开发流程里具体介绍了flutter插件的具体开发流程,从创建项目到发布.接下来将会为Flutter天气项目开发一个基于高德定位sdk的flutter定位 ...
安卓开发高德地图定位的封装十分钟上手
前言地图作为开发中三方sdk中较常遇到的一项,集成起来并不麻烦但是不小心踩坑可能会浪费较多时间,如果项目中多处使用还容易造成代码大量冗余,今天我们来将高德地图定位功能集成一个功能化模块,只需两分钟应 ...
flutter集成高德地图获取位置
flutter集成高德地图获取位置准备工作在创建安卓应用获取SHA1 获取当前位置添加依赖文件配置 build.gradle文件配置 AndroidManifest.xml配置获取定位准 ...
android中高德地图定位功能并且获取定位的城市
一.概述今天再一次用到了地图定位功能和地图显示功能,以前一直用的是高德地图定位,这次还是用高德,记录一下以便以后再做时方便一些.因为业务需要的功能不是很全,可以参考https://www.2cto. ...
vue 高德地图定位插件地图实例插件获取点击的地方的经纬度和具体地址
npm 安装推荐 npm 安装. npm install vue-amap --saveimport VueAMap from 'vue-amap';Vue.use(VueAMap); VueAMa ...
android 高德地图定位获取经纬度
android 高德地图定位获取经纬度之前开发定位都是集成百度的,领导说要用高德的,没办法干吧,官方的文档太详细了看着真累. 我们得先去官网注册开发者账号,创建应用,填写自己项目的包名和SHA1, ...
Vue中集成高德地图API实现定位与自定义样式信息窗体
场景若依前后端分离版手把手教你本地搭建环境并运行项目: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108465662 在上面 ...

flutter 获取定位_10分钟让你的flutter程序拥有定位功能--集成高德地图定位指南...

flutter 获取定位_10分钟让你的flutter程序拥有定位功能--集成高德地图定位指南...相关推荐

最新文章

热门文章