uniapp开发app中配置高德地图定位流程

在使用uniapp开发app过程中，如何使用高德地图进行定位

高德地图开放平台账号申请

进入高德地图开放平台，注册并登陆开发者账号，完成之后点击进入控制台主页

在应用管理中点击创建新应用

输入并选择你的应用类型，创建完应用后，添加key

选择并输入你的应用信息

key名称可以自定义填写
服务平台选择（这里以）安卓为例
填写安全码、应用包名等信息，完成后提交

创建完成之后拿到生成的key

项目文件中配置高德定位

HBuliderX编辑器中，在项目根目录打开manifest.json这个文件

APP模块配置中在定位中选择高德地图，并填入对应的key信息

填写完成之后一定要注意，打包自己app的自定义调试基座

点击运行 =>运行到手机或模拟器 => 制作自定义调试基座
填写自己的信息，证书文件信息等，进行打包

待自定义调试基座打包完成之后，点击运行 =>运行到手机或模拟器 =>选择自定义调试基座运行

现在，你可以用自己申请的高德定位key进行定位请求了

uni.getLocation({type: 'wgs84',success: function (res) {console.log('当前位置的经度：' + res.longitude);console.log('当前位置的纬度：' + res.latitude);}
});

具体定位api参数可查看uniapp获取位置文档

uniapp开发app中配置高德地图定位流程相关推荐

Android中配置高德地图和定位蓝点
最近一直在学习android,学到地图这里,遇到的坑也不少,所以就把它分享出来,一和大家一起学习,二为以后写项目看, 一.获取key 1.创建应用首先,您得上(高德地图开放平台官网)注册一个账号,当 ...
vue使用高德地图画电子围栏_Vue.js 中使用高德地图定位及渲染地图
看了github上面有集成的高德地图组件,但由于项目所要用到的不多,所以决定跟着文档写一写.运行环境是vue-cli webpack 引入高德地图一般用使用vue-cli webpack最简单粗暴的 ...
flutter 获取定位_10分钟让你的flutter程序拥有定位功能--集成高德地图定位指南...
地图定位这个功能目前基本上是商业应用app的标配.然而,在flutter中进行原生功能的开发,意味着必须的ios和android双端都通,而且需要大量的调试时间.尤其目前这个时间点,flutter的版 ...
Vue中使用高德地图
Vue中使用高德地图定位及poi搜索,以及其他插件的使用方法 1.第一步安装 npm install vue-amap --save 2.引入vue-amap main.js import Vue f ...
react 逆地理高德地图_react中使用高德地图的原生API
干货,无话 1.react-create-app,创建新react项目: 2.npm install react-amap,引入高德地图的封装: 3.编写组件index.js: import Reac ...
uniapp使用高德地图定位（兼容app）
1.获取Key 查看官方文档需要:应用包名和SHA1(获取方法查看) 2.配置manifest.json 3.设置安全通讯域名登录微信公众平台,在 "设置"->& ...
flutter 获取定位_从头开发一个Flutter插件（二）高德地图定位插件
在上一篇文章从头开发一个Flutter插件(一)开发流程里具体介绍了flutter插件的具体开发流程,从创建项目到发布.接下来将会为Flutter天气项目开发一个基于高德定位sdk的flutter定位 ...
uniapp App端使用高德地图
uniapp App端使用高德地图第一步: 先去高德官网申请keyhttps://console.amap.com/dev/key/app 关于SHA1生成方法如下:https://lbs.amap ...
Android开发实现高德地图定位详解
一. 要实现高德地图定位呢,首先需要做好以下几步准备: 1. 在高德开放平台注册帐号注册地址:http://lbs.amap.com 2. 在开发中下载Android平台下的地图SDK和定位S ...