uniapp使用高德地图定位（兼容app）

1.获取Key 查看官方文档

需要：应用包名和SHA1（获取方法查看）

2.配置manifest.json

3.设置安全通讯域名

登录微信公众平台，在 "设置"－>"开发设置" 中设置 request 合法域名，将 https://restapi.amap.com 中添加进去

4.下载微信小程序插件 amap-wx.js地址

在创建的项目中，新建一个名为 libs 目录，将 amap-wx.js 文件拷贝到 libs 的本地目录下，完成安装。

5.在项目中使用

import amap from '../../../libs/amap-wx.130.js'; // 导入插件
...amapPlugin: any = null;
onLoad(option: any) {// 使用高德SDK// #ifdef APP-PLUSswitch (uni.getSystemInfoSync().platform) {case 'android':(this as any).amapPlugin = new amap.AMapWX({key: ANDROID_KEY});break;}// #endif// #ifndef APP-PLUS(this as any).amapPlugin = new amap.AMapWX({key: WX_KEY});// #endif}
onShow() {// 获取当前定位this.get_location();}
get_location() {//高德地图定位uni.showLoading({title: '获取信息中'});this.amapPlugin.getRegeo({success: data => {// 获取当前地址this.addressContent = data[0].name;console.log('当前位置的经度：' + data[0].longitude,'当前位置的纬度：' + data[0].latitude);},fail(res) {//解析经纬度地址uni.showModal({title: '提示',content: '如果您拒绝授权地址，将无法获取周围的店铺，是否打开位置授权？',success(res) {if (res.confirm) {console.log('用户点击确定');that.openSetting();} else if (res.cancel) {console.log('用户点击取消');// 拒绝授权返回上一页that.$Router.back(1);}}});}});}

uniapp使用高德地图定位（兼容app）相关推荐

uniapp使用高德地图定位
公司用的是百度地图,过听同事说,市场上用高德地图的比较多,于是又按捺不住自己那好奇万物的心,专门出研究了一下高德地图,发现内容基本一直,不过就是在方法的名字变了而已,废话不多说我们开始研究高德地图 ...
android wifi定位不了,h5网页使用高德地图定位正常，网页嵌入安卓app后wifi定位正常，4g网络无法定位？...
问题描述 h5网页使用高德地图定位正常,网页嵌入安卓app后wifi定位正常,4g网络无法定位问题出现的环境背景及自己尝试过哪些方法 h5网页手机浏览器打开没有问题,嵌入app后打包,安卓9.0系统 ...
flutter 获取定位_从头开发一个Flutter插件（二）高德地图定位插件
在上一篇文章从头开发一个Flutter插件(一)开发流程里具体介绍了flutter插件的具体开发流程,从创建项目到发布.接下来将会为Flutter天气项目开发一个基于高德定位sdk的flutter定位 ...
uniApp使用高德地图api
uniApp使用高德地图api 1,在自己项目中的/src/common/js中的weixin.js写入,没有就新建文件,(具体目录因自己项目而议) export const weixin = {/* ...
Android MVVM框架搭建（八）高德地图定位、天气查询、BottomSheetDialog
Android MVVM框架搭建(八)高德地图定位.天气查询.BottomSheetDialog 前言正文一.集成SDK 二.基础配置 ① 权限配置 ② 配置Key 三.显示地图 ① MapFra ...
RN导入高德地图定位的用法实例
转载自:[译]React Native开源高德地图定位组件(react-native-amap-location) -江清清的技术专栏 1.NPM install 1 npm install relo ...
android 高德地图 lbstraceclient,安卓高德地图定位篇-（1）
安卓高德地图定位.先看效果图: STEP1: 先去高德开放平台注册账号,这个不用多说吧网址:https://lbs.amap.com/ 之后再去控制台-应用管理找到自己的key,如下图所示 STEP ...
高德地图定位拖动改变位置
现在关于地图使用越来越多,相信大家可能都或多或少的用到过,本篇文章简单总结了一下关于高德地图定位且可以拖动改变位置的功能的实现. 首先按照高德开发文档,导入jar包,申请key,可以在高德地图的开放平 ...
Android开发实现高德地图定位详解
一. 要实现高德地图定位呢,首先需要做好以下几步准备: 1. 在高德开放平台注册帐号注册地址:http://lbs.amap.com 2. 在开发中下载Android平台下的地图SDK和定位S ...

uniapp使用高德地图定位（兼容app）

uniapp使用高德地图定位（兼容app）相关推荐

最新文章

热门文章