首页 > 编程语言 >uniapp,微信小程序点击按钮打开地图进行导航

uniapp,微信小程序点击按钮打开地图进行导航

时间:2023-06-27 18:35:06浏览次数:35  
标签:uniapp goods const err 微信 res longitude 按钮 latitude

uniapp示例:

<view class="order-contact-item" style="width:50%;text-align: center;" @tap="openMapNavigation">导航商家</view>

 

//js函数打开导航
openMapNavigation() {
var that = this;
uni.getLocation({
type: 'gcj02',
success: (res) => {
// 当前位置
const latitude = res.latitude;
const longitude = res.longitude;

// 目标位置
const destinationLatitude = parseFloat(that.goods.latitude);
const destinationLongitude = parseFloat(that.goods.longitude);

uni.openLocation({
latitude: destinationLatitude,
longitude: destinationLongitude,
name: that.goods.business_name,
address: that.goods.business_address,
scale: 18,
success(res) {
console.log('打开地图成功',that.goods.latitude);
},
fail(err) {
console.error('打开地图失败', err);
}
});
},
fail: (err) => {
console.error('获取当前位置失败', err);
}
});
}

标签:uniapp,goods,const,err,微信,res,longitude,按钮,latitude
From: https://www.cnblogs.com/youantianqin/p/17509657.html

相关文章

  • 2023-06-27 上传微信小程序报错:{"errcode":80082,"errmsg":"get plugin(id: wxxxxxxxx
    首先80082原因是你使用的一个id为wxxxxxxxxxxxxx的插件没有授权,所以就禁止你上传了,解决方案也很简单,只需在微信小程序后台==》设置==》第三方设置==》插件管理里面重新添加该插件即可。但是。如果这个id为wxxxxxxxxxxxxx的插件你搜索不到,嘿嘿,那就蛋疼了。你需要在代码里找出这个i......
  • 微信开发基础教程
    微信开发学习笔记----1.正确填写服务器配置信息其中Url为我们的要接收并处理微信服务器发送的消息的一般处理程序地址,如:http://sadi.qrenlei.cn/WXTest.ashxToken是一个开发者自定义的验证字符串,可任意填写。点击提交前,需要把咱们的包含一般处理程序的网站发布到服务器上。2.一般处......
  • 微信小程序开发 01
    最近为了准备大创,进行了一些微信小程序开发的相关学习,包括环境的搭建,准备工作,以及对项目结构的一些简单介绍环境搭建:可以在微信开发平台下载微信开发者工具,这里我为了减少与我的授课视频的差异化,我选择了下载一个稍微旧一点的稳定版,在黑马程序员的相关资料中下载的准备工作包括......
  • SAP ABAP 动态结构实现发送企业微信应用消息
    企业微信官方接口:应用支持推送文本、图片、视频、文件、图文等类型。请求方式:POST(HTTPS)请求地址: https://qyapi.weixin.qq.com/cgi-bin/message/send?access_token=ACCESS_TOKEN 大概思路:1.封装调用企业微信函数SE37:ZWECHAT_SEND_MESSAGE_MSGTYPE 注:   a.  ......
  • 微信商家转账零钱优化版
    配置文件<?phpreturn['abc'=>["merchant_id"=>env('POINT_ABC_MERCHANTID'),"app_id"=>env('POINT_ABC_APP_ID'),"......
  • 在线直播系统源码,uniapp滚动加载
    在线直播系统源码,uniapp滚动加载声明submitDate对象用来存放接口需要的具体参数,其中page和limit为查询页数和每页查询数据,total为记录数据总条数,pageList存放页面数据。     data(){return{  pageList:[],//列表数据submitDate:{//放你自己的参数startDate:''......
  • RAKsmart有奖问答,爆款免费领,前30名送随机微信红包!!!
    为更好的了解客户需求及RAKsmart自信不足,即日起,RAKsmart将推出有奖问卷调查,参与问卷调查即可领取SV1024MVPS使用一个月,同时,前30名参与问卷调查,可领取微信随机1~10元不等,送完即止,快来参与吧!活动时间:美国西岸圣何塞时间 06/26/2023~07/10/2023问卷调查地址:https://www.wenjuan.com/......
  • 微信小程序连接websocket随记
    微信小程序需要上报经纬度到服务器,采用workman作为Websocket服务,记录一下步骤:1、修改start_gateway.php文件//$gateway=newGateway("tcp://0.0.0.0:8282");$gateway=newGateway("websocket://0.0.0.0:8282");2、在小程序后台配置socket域名(开发-> 开发管理-> 开发设......
  • 企业微信添加机器人,并给机器人发送消息
    找一个企业微信的群聊,点击右上角的"...",添加群机器人。  创建一个机器人  填写机器人名字,添加机器人。    保存这里的webhook地址,后面给机器人发消息,就是给这个地址post消息。具体的配置文档,可以点这里的“配置说明”去了解。 下面介绍,使用py给机器人发......
  • 微信海量数据查询如何从1000ms降到100ms? 转载
    微信的多维指标监控平台,具备自定义维度、指标的监控能力,主要服务于用户自定义监控。作为框架级监控的补充,它承载着聚合前45亿/min、4万亿/天的数据量。当前,针对数据层的查询请求也达到了峰值40万/min,3亿/天。较大的查询请求使得数据查询遇到了性能瓶颈:查询平均耗时>1000ms,失败......