uniapp微信小程序实现地图导航

利用点击事件调用handleMapLocation()这个方法时获取了自己的定位，考虑到用户拒绝获取自己的定位所以当用户再次点击后会唤起设置让用户打开定位

 handleMapLocation() {console.log('进入导航')//  经纬度暂时写死，后面介入数据let latitude = Number(30.xxxx);let longitude = Number(114.xxxx);let address='武汉xxx'// 获取定位信息uni.getLocation({type: 'wgs84', //返回可以用于uni.openLocation的经纬度// 用户允许获取定位success: function(res) {console.log(res, '经纬度===>')if (res.errMsg == "getLocation:ok") {console.log(latitude)console.log(longitude)uni.openLocation({// 传入你要去的纬度latitude: latitude,// 传入你要去的经度longitude: longitude,// 传入你要去的地址信息 不填则为空address: address,// 缩放大小scale: 18,success: function() {console.log('成功的回调success');}});}},// 用户拒绝获取定位后 再次点击触发fail: function(res) {console.log(res)if (res.errMsg == "getLocation:fail auth deny") {uni.showModal({content: '检测到您没打开获取信息功能权限，是否去设置打开？',confirmText: "确认",cancelText: '取消',success: (res) => {if (res.confirm) {uni.openSetting({success: (res) => {console.log('确定');}})} else {console.log('取消');return false;}}})}}});},

记得勾选微信小程序配置这个地方

效果如下：

uniapp微信小程序实现地图导航相关推荐

uniapp微信小程序 map地图markers图标不显示，markers图标真机调试不显示
uniapp微信小程序 map地图markers图标不显示,markers图标真机调试不显示举例: 预期效果如下,蓝色为用户位置,红色为店铺位置均为自定义图标实际发布后手机上的效果 (此处忽略位置 ...
uniapp 微信小程序选择地图位置并返回经纬度及详细地址（uni.chooseLocation和高德地图api两种方式实现）
uniapp 微信小程序实现选择地图位置功能最近在做商家小程序,就是用于给实体店老板进行网上开店的小程序. 其中有一项功能就是获取商店的位置,要求支持:获取当前定位/检索到指定位置/地图选点等功能, ...
微信小程序进行地图导航,地图展示功能
(1)点击调用微信内置地图 wx.getLocation 会弹出自己的授权框页面调用js: 点击调用\onLoad里面调用 address(){wx.getLocation({//获取当前经纬度ty ...
uniapp微信小程序使用地图选点插件
uniapp使用腾讯位置服务地图选点文章目录 uniapp使用腾讯位置服务地图选点效果图 1. 在公众平台申请插件 2. 引入插件 3. 设置定位授权: 4. 使用插件效果图 1. 在公众平台申 ...
微信小程序之地图导航，路线规划
话不多说,直接上效果图实现步骤 1.下载SDK 具体可以访问:https://lbs.qq.com/qqmap_wx_jssdk/ 2.在需要的页面上,引入SDK核心类 var QQMapWX = ...
微信小程序调用地图和跟据经纬度打开手机地图导航
微信小程序调用地图和跟据经纬度打开手机地图导航第一步:输入地址位置 wxml<button bindtap="onChooseLocation">打开地图</b ...
uni-app 微信小程序地图增加标记点，并实现点击弹窗
项目需求,在微信小程序的地图中,实现打点,然后点击某个点要能弹出关于这个点的某些信息,同时在当前点跳到其他点时,对应信息也要替换,点击空白处要关闭弹窗,在此做个记录最终实现效果如图 (展示用的是小程 ...
Uni-app微信小程序开发
Uni-app微信小程序开发环境配置下载好h5和微信小程序,在h5中创建一个uni-app空项目第一次运行到微信小程序的时候,需要将小程序的安装路径放到运行下面文件含义 Pages:存放页面文 ...
【大白话学习】UniApp 微信小程序与APP应用开发零基础入门教程(一）---基础页面框架搭建
写在前面话: 随着互联网的快速发展,微信小程序应用的快速便捷,不用下载安装等的优势越来越明显,于是,我就开始着手于小程序开发的学习,虽然微信提供了开发工具,但它只能生成小程序 ,不能生成APP,那么有 ...

uniapp微信小程序实现地图导航

uniapp微信小程序实现地图导航相关推荐

最新文章

热门文章