flutter 集成amap_flutter_map高德地图案例

初步使用高德地图方法

这里是做个个人记录，当然你安装此步骤操作，非常肯定得是没问题

开发环境

Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, 1.22.4, on Microsoft Windows [Version 10.0.19042.867], locale zh-CN)

[√] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
[√] Android Studio (version 3.5)
[√] VS Code (version 1.54.3)
[√] Connected device (1 available)
1
2
3
4
5
6
7

第一：导入SDK

1.首先导入SDK需要必不可少的SDK包了，打开如下地址下载SDK（这里因为后期我需要用到导航和定位所以就全选下载了）

点击下载SDK包

2. 在Flutter 项目目录android/app 下创建libs文件，并且将下载的SDK 放到libs目录，如图：

第二：当然是先配置

打开android/app/build.gradle 文件配置 代码

1. 在sourceSets 中配置

		//添加地图SDK引入路径
        main {
            jniLibs.srcDirs = ['libs']
        }
1
2
3
4

2. dependencies 中加入如下配置

	//添加demo中引入高德地图SDK
    implementation fileTree(include: ['*.jar'], dir: 'libs')
1
2

然后在打开android/app/src/main/AndroidManifest.xml 添加安卓权限

	<!--网络访问-->
    <uses-permission android:name="android.permission.INTERNET" />
	<!--粗略定位-->
    <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
    <!--精确定位-->
    <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
    <!--申请调用A-GPS模块-->
    <uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" />
    <!--用于获取运营商信息，用于支持提供运营商信息相关的接口-->
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
    <!--用于访问wifi网络信息，wifi信息会用于进行网络定位-->
    <uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
    <!--用于获取wifi的获取权限，wifi信息会用来进行网络定位-->
    <uses-permission android:name="android.permission.CHANGE_WIFI_STATE" />
    <!--用于读取手机当前的状态-->
    <uses-permission android:name="android.permission.READ_PHONE_STATE" />
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

到此基本引入SDK和配置也就完成了，接下来引入官方提供插件使用

第三： 引入高度地图flutter插件

  # 高德地图地图和权限申请插件
  amap_flutter_map: ^1.0.2
  permission_handler: 5.0.1+2
1
2
3

第四：keystore 生成

这个就不做过多描述了，参考flutter官方文档（或者查阅一下资料很多）

第五：查阅官方文档

根据官方文档使用说明，操作就可以了：https://developer.amap.com/api/flutter/guide/map-flutter-plug-in/map-flutter-info 集成部分已经完成

时间原因过几天在此继续 完善后面的使用说明，如有疑问可以加一下我