微信小程序经纬度获取地图导航(导航接入第三方)

简介: 微信小程序经纬度获取地图导航(导航接入第三方)

API方法

wx.openLocation

我们需要用到微信官方文档的位置API wx.openLocation

其中的参数有很多,具体可参考官方文档:微信官方文档-位置

所需参数

image.png

wxml

bindtap="gomap"

  <view class="flex" style="align-items: center;" bindtap="gomap" data-name="{{item}}" data-page="map">
    导航
  </view>

JS

gomap(e) {
    const item=e.currentTarget.dataset.name
    wx.openLocation({
      latitude: item.currLatitude, //维度
      longitude: item.currLongitude, //经度
      name: item.branchAdress, //目的地定位名称
      scale: 15, //缩放比例
      address: item.branchAdress+item.branchName //导航详细地址
    })
  },

效果图

2345_image_file_copy_4.jpg


目录
相关文章
|
6月前
|
小程序 JavaScript 前端开发
微信小程序-导航方式
微信小程序-导航方式
62 0
|
1月前
|
小程序
【微信小程序】-- 页面导航 -- 编程式导航(二十三)
【微信小程序】-- 页面导航 -- 编程式导航(二十三)
|
15天前
|
小程序
【微信小程序6】引入第三方UI的方法(ColorUi)
【微信小程序6】引入第三方UI的方法(ColorUi)
17 0
|
1月前
|
小程序 JavaScript
【微信小程序】-- 页面导航 -- 导航传参(二十四)
【微信小程序】-- 页面导航 -- 导航传参(二十四)
|
1月前
|
小程序 API
【微信小程序】-- 页面导航 -- 声明式导航(二十二)
【微信小程序】-- 页面导航 -- 声明式导航(二十二)
|
2月前
|
前端开发 小程序 JavaScript
小程序页面导航全家桶:navigateTo、redirectTo、switchTab等方法一网打尽,快速掌握不同场景下的最佳应用!
欢迎来到前端入门之旅!这个专栏是为那些对Web开发感兴趣、刚刚开始学习前端的读者们打造的。无论你是初学者还是有一些基础的开发者,我们都会在这里为你提供一个系统而又亲切的学习平台。我们以问答形式更新,为大家呈现精选的前端知识点和最佳实践。通过深入浅出的解释概念,并提供实际案例和练习,让你逐步建立起一个扎实的基础。无论是HTML、CSS、JavaScript还是最新的前端框架和工具,我们都将为你提供丰富的内容和实用技巧,帮助你更好地理解并运用前端开发中的各种技术。
|
3月前
|
小程序 定位技术 API
微信小程序实现地图功能(腾讯地图)
微信小程序实现地图功能(腾讯地图)
|
3月前
|
小程序 JavaScript 定位技术
微信小程序地图控件Map的使用
微信小程序地图控件Map的使用
105 0
|
4月前
|
小程序 定位技术 API
微信小程序引入地图
微信小程序引入地图
79 0
|
5月前
|
小程序 JavaScript 定位技术
小程序点击指定地址按钮直接打开地图导航
小程序点击指定地址按钮直接打开地图导航
124 0

热门文章

最新文章