【微信小程序-原生开发+TDesign】地图导航(wx.openLocation的使用)

简介: 【微信小程序-原生开发+TDesign】地图导航(wx.openLocation的使用)

效果预览

实现原理

通过 wx.openLocation 可以直接调取腾讯地图显示地理位置,不过必须要有地点的详细信息(经纬度

地点经纬度等详细信息的获取方式,可以参考

【微信小程序-原生开发+TDesign】通用功能页封装——地点搜索(含腾讯地图开发key 的申请方法)

https://sunshinehu.blog.csdn.net/article/details/129250827

    wx.openLocation({
      address: address,
      name: address,
      longitude: +location.lng,
      latitude: +location.lat,
      scale: 18
    })

完整代码实现

<t-icon bindtap="getLocation" size='26' name="location" />
 
  // 地图导航
  getLocation() {
    let placeInfo = this.data.detail.placeInfo
    if (!placeInfo) {
      wx.showToast({
        icon: 'none',
        title: "暂未公开地址",
      })
      return
    }

    wx.openLocation({
      address: placeInfo.title,
      name: placeInfo.title,
      longitude: +placeInfo.longitude,
      latitude: +placeInfo.latitude,
      scale: 18
    })
  },

目录
相关文章
预约按摩小程序开发,为什么很多上门按摩平台根本招聘不到优秀技师?
上门按摩平台面临招不到优秀技师的问题,主要原因是平台众多,技师选择多样。为解决此问题,平台可引入技师等级制度,根据订单数量和好评率划分高、低等级技师。高等级技师可享受70%-90%的高提成及首页推荐,这不仅能激励技师的积极性,还能帮助平台筛选出优质技师,提升服务质量和口碑,形成良性循环。
|
17天前
|
小程序 Android开发
|
1月前
|
小程序 搜索推荐 数据挖掘
跳绳打卡小程序开发多钱费用
跳绳打卡小程序通过智能手机即可轻松使用,无需额外设备,只需一根跳绳即可开始您的健康之旅。它结合了便捷性、互动性和个性化设置,让跳绳这项运动变得更加有趣和高效
|
6天前
|
小程序 云计算 Android开发
发者社区 云计算 文章 正文 小程序开发与公众号用户关联推送消息(九)
发者社区 云计算 文章 正文 小程序开发与公众号用户关联推送消息(九)
22 3
|
11天前
|
小程序 云计算 开发者
|
12天前
|
小程序
|
13天前
|
小程序 数据安全/隐私保护
|
12天前
|
小程序
|
18天前
|
小程序
|
18天前
|
人工智能 小程序
【一步步开发AI运动小程序】五、帧图像人体识别
随着AI技术的发展,阿里体育等公司推出的AI运动APP,如“乐动力”和“天天跳绳”,使云上运动会、线上健身等概念广受欢迎。本文将引导您从零开始开发一个AI运动小程序,使用“云智AI运动识别小程序插件”。文章分为四部分:初始化人体识别功能、调用人体识别功能、人体识别结果处理以及识别结果旋转矫正。下篇将继续介绍人体骨骼图绘制。