1、注冊(cè)和建立高德API應(yīng)用

高德網(wǎng)站：https://lbs.amap.com/

控制臺(tái)-應(yīng)用管理-創(chuàng)建應(yīng)用

在創(chuàng)建 Key

2、獲得SHA1

進(jìn)入Flutter項(xiàng)目中的android文件夾內(nèi)，打開(kāi)任意一個(gè)文件：

比如進(jìn)入 build.gradle，右上角會(huì)有 Open for Editing an Android Studio

點(diǎn)擊一下，在新窗口打開(kāi)該android項(xiàng)目：

打開(kāi)后如圖所示：

點(diǎn)擊右側(cè) Gradle>android>app>Tasks>android>signingReport

控制臺(tái)盡管打印了很多信息，但是 SHA1 是相同的，這就是我們需要的值。

3、獲得PackageName

4、配置AndoridManifest.xml文件

在AndroidManifest.xml的application標(biāo)簽中配置Key：

https://lbs.amap.com/api/android-location-sdk/gettingstarted/

<meta-dataandroid:name="com.amap.api.v2.apikey"android:value="你的key"> </meta-data>

5、編寫(xiě)代碼

需要先進(jìn)入根目錄的pubspec.yaml文件，進(jìn)行依賴(lài)注冊(cè)。

amap_base:?^0.3.5

main.dart 文件全部測(cè)試代碼：

import?'package:flutter/material.dart'; import?'package:amap_base/amap_base.dart';void?main()async{runApp(MyApp());}class?MyApp?extends?StatelessWidget?{@overrideWidget?build(BuildContext?context)?{return?MaterialApp(title:?'Flutter?Demo',theme:?ThemeData(primarySwatch:?Colors.blue,),home:?MyHomePage(title:?'高德地圖測(cè)試'),);} }class?MyHomePage?extends?StatefulWidget?{MyHomePage({Key?key,?this.title})?:?super(key:?key);final?String?title;@override_MyHomePageState?createState()?=>?_MyHomePageState(); }class?_MyHomePageState?extends?State<MyHomePage>?{AMapController?_controller;@overrideWidget?build(BuildContext?context)?{return?Scaffold(appBar:?AppBar(title:?Text(widget.title),),body:AMapView(onAMapViewCreated:?(controller)?{_controller?=?controller;},amapOptions:?AMapOptions(compassEnabled:?false,zoomControlsEnabled:?true,logoPosition:?LOGO_POSITION_BOTTOM_CENTER,camera:?CameraPosition(target:?LatLng(41.851827,?112.801637),zoom:?4,),),);}}

運(yùn)行效果圖：

總結(jié)

以上是生活随笔為你收集整理的67-Flutter中高德地图插件的使用的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。