67-Flutter中高德地图插件的使用

1、注册和建立高德API应用

高德网站:https://lbs.amap.com/

控制台-应用管理-创建应用

在创建 Key

2、获得SHA1

进入Flutter项目中的android文件夹内,打开任意一个文件:

比如进入 build.gradle,右上角会有 Open for Editing an Android Studio

点击一下,在新窗口打开该android项目:

打开后如图所示:

点击右侧 Gradle>android>app>Tasks>android>signingReport

控制台尽管打印了很多信息,但是 SHA1 是相同的,这就是我们需要的值。

3、获得PackageName

4、配置AndoridManifest.xml文件

在AndroidManifest.xml的application标签中配置Key:

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

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

5、编写代码

需要先进入根目录的pubspec.yaml文件,进行依赖注册。

amap_base: ^0.3.5

main.dart 文件全部测试代码:

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: '高德地图测试'),);}
}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.851827112.801637),zoom: 4,),),);}}

运行效果图:

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/414315.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

python列表

列表概念 • 有序的集合 • 通过偏移来索引&#xff0c;从而读取数据 • 支持嵌套 • 可变的类型 • 内置函数列表创建方式 定义列表&#xff1a; • 在python中定义列表需要使用方括号&#xff0c;列表中的项目都包含 在方括号中&#xff0c;项目之间使用逗号分隔。列表中的数…

onSaveInstanceState与onRestoreInstanceState何时调用、如何使用

简单使用实例 protected void onSaveInstanceState(Bundle outState) {// 被销毁前缓存一些数据outState.putString("name", "l_yqing");LgqLogPlus.d("进来了。。rw32r32。。。");super.onSaveInstanceState(outState); }protected void onRes…

Only fullscreen opaque activities can request orientation

安卓8异常 Only fullscreen opaque activities can request orientation 解决方法&#xff1a; android:theme"style/tDrawer" 添加如下属性 <item name"android:windowIsTranslucent">false</item> <item name"android:windowDis…

第八篇Django分页

Django分页 1.复杂版 data []for i in range(1, 302):tmp {"id": i, "name": "alex-{}".format(i)}data.append(tmp)print(data)def user_list(request):# user_list data[0:10]# user_list data[10:20]try:current_page int(request.GET.g…

20179214 《网络攻防实践》第五周学习

20179214 《网络攻防实践》第五周学习 web应用程序体系结构及其安全威胁 web应用程序体系结构 浏览器 标准的web客户端&#xff0c;Web服务器 通常被简单的描述为http守护程序&#xff0c;接受web客户端对资源的请求。Web应用程序 是处于服务器端的业务逻辑&#xff0c;最普遍的…

android studio 4.2.1 下载——安卓12开发

下载地址 &#xff1a;百度网盘 请输入提取码

MySQL -- SQL 语句

一. 数据库&#xff08;Database&#xff09;操作 创建数据库create database 数据库名 create database 数据库名 character set 字符集 查看数据库查看数据库服务器中的所有的数据库&#xff1a;show databases; 查看某个数据库的定义信息&#xff1a;show create database 数…

工作260:js判断一个数组是否包含一个指定的值

今天看了一下 有好几种方法 总结一下 1&#xff1a;array.indexOf 此方法判断数组中是否存在某个值&#xff0c;如果存在返回数组元素的下标&#xff0c;否则返回-1 let arr [something, anything, nothing, anything]; let index arr.indexOf(nothing); console.log(i…

工作259:uni--页面--验证码添加

第一步:验证码样式 <u-form-item><u-input class"inp" type"text" v-model"code" placeholder"请输入验证码"></u-input><canvas :style"{width:widthpx,height:heightpx}" canvas-id"canvas&qu…

Python学习——02-Python基础——【9-面向对象进阶】——isinstance(obj,cls)、反射等...

一 isinstance(obj,cls)和issubclass(sub,super) isinstance(obj,cls)检查是否obj是否是类 cls 的对象 1 class Foo(object): 2 pass 3 4 obj Foo() 5 6 isinstance(obj, Foo) issubclass(sub, super)检查sub类是否是 super 类的派生类 1 class Foo(object): 2 pa…

工作262:HBuilderX常见快捷键

1 1. ctrl/ 注释代码2 2. ctrly 恢复撤销3 3. ctrlx 剪切4 4. ctrlz 撤销5 5. ctrlc 复制6 6. ctrlp 在当前项目查找文件7 7. ctrlf 在当前文件查找字符串8 8. ctrlaltf 在当前目录查找字符串9 9. ctrlk 格式化代码 10 10. ctrlg 跳转到某行代码 11 11. ctrlo 打开文件 12 12. …

webService使用

1. 认识webservice WebService定义: 顾名思义就是基于Web的服务。它使用Web(HTTP)方式&#xff0c;接收和响应外部系统的某种请求。从而实现远程调用。 Webservice理解&#xff1a;我们可以调用互联网上查询天气信息Web服务&#xff0c;然后将它嵌入到我们的程序(C/S或B/S程序)…

工作261:ele-layont布局使用

<!--页面主体布局--> <template><el-container class"layout"><!--头部组件--><el-header class"element-header" style"height: 80px;line-height: 80px"><global-header /></el-header><el-con…

68-Flutter中极光推送的使用

1、申请极光账号和建立应用 极光推送的官方网址为&#xff1a;https://www.jiguang.cn/ 注册好后&#xff0c;进入服务中心,然后再进入开发者平台&#xff0c;点击创建应用。 这时候会出现新页面&#xff0c;让你填写“应用名称”和上传“应用图标”。 创建完成&#xff0c;极…

工作275:表单验证重置

/*3GY歌谣表单验证 通过继续前行*/this.$refs["form"].validate(valid > {if (valid) {setTimeout(() > {/*声明变量*/let method postAction;/*声明url* position()* *//*url/user*/let url this.url.add;/*4 判断是否有id 确定新增还是编辑 根据表单数据是…