【黄啊码】微信小程序接入腾讯地图实现导航功能
2021/10/20 17:12:53
本文主要是介绍【黄啊码】微信小程序接入腾讯地图实现导航功能,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
关注不迷路,或者加魏信ama_huangama一起探讨
废话不多说,上代码!!!
index.js
// pages/index1/index.js Page({ /** * 页面的初始数据 */ data: { }, /** * 生命周期函数--监听页面加载 */ onl oad: function (options) { let that=this; wx.getLocation({ type:'gcz02', success:function(res){ wx.openLocation({ latitude: 31.23035, longitude: 121.473717, name:'家', address:'dfdfd', scale:18 }) } }) }, /** * 生命周期函数--监听页面初次渲染完成 */ onReady: function () { }, /** * 生命周期函数--监听页面显示 */ onShow: function () { }, /** * 生命周期函数--监听页面隐藏 */ onHide: function () { }, /** * 生命周期函数--监听页面卸载 */ onUnload: function () { }, /** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh: function () { }, /** * 页面上拉触底事件的处理函数 */ onReachBottom: function () { }, /** * 用户点击右上角分享 */ onShareAppMessage: function () { } })
app.json【授权专用】
"permission": { "scope.userLocation": { "desc": "您的位置信息将用于规划路线导航" } },
使用效果:
网上还有第二种方法,放在这里当作备份参考
进入小程序后台
添加插件
使用方法:
首先在app.json文件中配置
然后在它所在目录的main.json文件配置
这里是基于mpvue写的,所以和开发文档上稍有区别
先有跳转过来的页面拿到终点地址,然后通过getLocation获取当前位置坐标
代码如下:
以下是第二种方法:成功后的效果图
这篇关于【黄啊码】微信小程序接入腾讯地图实现导航功能的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-07-06微信小程序 将base64 图片格式转换为本地文件-icode9专业技术文章分享
- 2024-07-03微信小程序分享跳转-icode9专业技术文章分享
- 2024-07-03小程序微信支付提示缺少total_fee-icode9专业技术文章分享
- 2024-07-03微信小程序携带参数分享 前后端交互流程-icode9专业技术文章分享
- 2024-07-02微信小程序中禁止左右滑动切换页面-icode9专业技术文章分享
- 2024-06-30实现小程序内部扫码签到和微信扫一扫签到-icode9专业技术文章分享
- 2024-06-30微信内调用扫码扫描小程序码如何解析链接-icode9专业技术文章分享
- 2024-06-30小程序码链接加密了如何解-icode9专业技术文章分享
- 2024-05-302024年最新版云开发cms开通步骤,开始开发微信小程序前的准备工作,认真看完奥!
- 2024-03-30微信小程序的网络设置,及网络请求:wx.request(OBJECT)