uni微信小程序,打开地图,跳转第三方

news/2024/10/30 15:30:09/

一、需求

微信小程序 需要点击并跳转第三方地图软件导航,并计算到目标位置距离

二、思路

思路:

1.接口返回需要有位置的经纬度,这个自行在后台编辑获取

2.需要获取用户的位置权限

我这边使用的是uniapp,需要使用官方封装两个接口(主要是用1 2接口即可):

1.获取用户位置接口:uni.getLocation(OBJECT) | uni-app官网

2.打开位置接口:uni.openLocation(OBJECT) | uni-app官网

3.选择位置:uni.getLocation(OBJECT) | uni-app官网

三、具体实现:

1.需要在manifest.json 文件添加获取权限配置(使用源码视图方式打开):

代码

		"permission": {"scope.userLocation": {"desc": "你的位置信息将用于小程序位置接口的效果展示"}},"requiredPrivateInfos": ["getLocation", "chooseLocation"]

 2.具体代码

我这边方式是:getLocation放在onLoad方法里面 进入的时候让用户授权,授权后获得用户的经纬度以及地址信息。

ps:我这边使用当前的位置信息 是用来计算跟接口返回的目标位置信息的距离长度的

			//得到用户位置经纬度 以及授权getLocation(){var that = thisuni.getLocation({success(res) {that.location.lat = res.latitudethat.location.log = res.longitude},fail(res){console.info("fail" + res)}});},

打开地图方法:必须先授权

this.dataInfo 对象是我后台返回的数据

			//打开地图openmap(){uni.openLocation({latitude: this.dataInfo.latitude,longitude: this.dataInfo.longitude,name: this.dataInfo.name,address: this.dataInfo.position})},

效果展示:

微信开发工具效果

真机效果:

点击右下角跳转第三方


http://www.ppmy.cn/news/10294.html

相关文章

【python 基础篇 五】python的常用数据类型操作-------列表

目录1.列表的基本概念和定义2.列表的常用操作2.1 列表的增加操作2.2 列表的删除操作2.3 列表的修改操作2.4 列表的查找操作2.5 列表的遍历操作2.6 列表的判断和比较操作2.7 列表的排序操作2.8 列表的乱序和反转操作1.列表的基本概念和定义 概念:有序的可变的元素集…

c++11 标准模板(STL)(std::forward_list)(一)

定义于头文件 <forward_list> template< class T, class Allocator std::allocator<T> > class forward_list;(1)(C11 起)namespace pmr { template <class T> using forward_list std::forward_list<T, std::pmr::polymorphic_…

指针进阶篇(1)

目录 &#x1f914; 前言&#x1f914; 一、&#x1f60a;字符指针&#x1f60a; 二、&#x1f61c;指针数组&#x1f61c; 三、&#x1f61d;数组指针&#x1f61d; 3.1数组指针的定义 3.2&数组名VS数组名 3.3数组指针的使用 四、&#x1f31d;数组参数&#xff0c…

基础算法(二)——归并排序

归并排序 介绍 归并排序是一种复杂度O(nlog(n)nlog(n)nlog(n))的排序算法&#xff0c;并且在任何情况下都是&#xff0c;但是它不是原地算法&#xff0c;即需要额外存储空间 其原理是&#xff0c;先将区间均匀分成左右两半&#xff0c;然后再对左右两半继续二分&#xff0c;…

LeetCode 138. 复制带随机指针的链表(C++)

思路&#xff1a; 用哈希表实现&#xff0c;创建一个哈希表来对应原链表中的每一个节点&#xff0c;这样也可以将原链表中的所有结点的next和random关系映射到哈希表复制链表中。 原题链接&#xff1a;https://leetcode.cn/problems/copy-list-with-random-pointer/description…

2023年1月7日:fastadmin导出数据为excel格式

需求图&#xff1a; 实现方法&#xff1a; 第一种方法&#xff1a;fastadmin自带导出数据&#xff0c;直接点击下载即可 效果图第二种方法&#xff1a;自定义导出按钮&#xff0c;需要编写方法 效果图&#xff1a; 效果图代码实现 首先&#xff1a;前端按钮代码(可直接拿来用…

Apifox调用Security权限接口

Apifox调用Security权限接口1. SpringBoot3.0集成SpringSecurity1.1 pom1.2 properties配置2. Apifox 配置2.1 配置根目录Auth2.2 ApiFox 分享调用本地接口本教程环境&#xff1a; Apifox&#xff1a;2.2.14 &#xff08;建议更新到最新版本&#xff0c;老版本Auth从父级继承可…

2023春招面试专题:高并发解决方案

如何理解高并发&#xff1f; 高并发意味着大流量&#xff0c;需要运用技术手段抵抗流量的冲击&#xff0c;这些手段好比操作流量&#xff0c;能让流量更平稳地被系统所处理&#xff0c;带给用户更好的体验。 我们常见的高并发场景有&#xff1a;淘宝的双11、春运时的抢票、微…