使用小程序内置地图

news/2024/7/20 2:47:31 标签: 小程序, javascript, 开发语言
  //点击导航
toNavigator() {
  const latitude=this.data.Store.lat, 
        longitude=this.data.Store.lng,
        address =this.data.Store.Address,
        name=this.data.Store.Name;
    
  wx.getSetting({
    success: (res) => {
      if (res.authSetting['scope.userLocation'] != undefined && res.authSetting['scope.userLocation'] != true) {
        wx.showModal({
          title: '是否授权当前位置',
          content: '需要获取您的地理位置,请确认授权,否则地图定位功能将无法使用',
          success: function (res) {
            if (res.cancel) {
              wx.showToast({
                      title: '授权失败',
                      icon: 'none',
                      duration: 5000
                    })

            } else if (res.confirm) {
              wx.openSetting({
                success: function (data) {
                  if (data.authSetting["scope.userLocation"] == true) {
                    wx.showToast({
                      title: '授权成功',
                      icon: 'success',
                      duration: 5000
                    })
                    wx.openLocation({
                      latitude: parseFloat(latitude),
                      longitude: parseFloat(longitude),
                      name: name,
                      address:address,  //详细地址
                      scale: 28     //缩放比例,范围5~18
                    })  
                  } else {
                    wx.showToast({
                      title: '授权失败',
                      icon: 'success',
                      duration: 5000
                    })
                  }
                }
              })
            }
          }
        })
      } else {
        wx.openLocation({
          latitude: parseFloat(latitude),
          longitude: parseFloat(longitude),
          name: name,
          address:address,   //详细地址
          scale: 28     //缩放比例,范围5~18
        })  
      }
    }
  })
},

参考官网:wx.openLocation(Object object) | 微信开放文档


http://www.niftyadmin.cn/n/1367265.html

相关文章

小程序监听点击底部tabbar事件

Page({data:{},onTabItemTap (item) {console.log(item.index)console.log(item.pagePath)console.log(item.text)} })

微信小程序获取地理位置

首先微信公众平台开通权限 app.json "permission":{"scope.userLocation": {"desc": "您的位置信息将用于获取周围门店信息"}},"requiredPrivateInfos": ["getLocation"],"sitemapLocation": "si…

uniapp(小程序)背景水印和原生html实现

uniapp ​ <!-- 水印 --> <template> <view classwater_top><canvas canvas-idwatermarkCanvas stylewidth:100%;height:100%></canvas> </view> </template> <script>export default {data() {return {}},onLoad() {console…

vue实现无限下级修改名称(递归)

<el-form-item label"部门"><el-cascader style"width:100%" v-model"inneraccount.deptId" :options"department" change"handleChange"></el-cascader></el-form-item> // 部门getDepartmentTree…

uniapp中uni.navigateBack();传参

// B页面let pages getCurrentPages();let prevPage pages[pages.length - 2]; //上一个页面this.lablelist.forEach(el > {if (el.seclect) {object.push(el)}})prevPage.$vm.getParams(object); //重点$vmuni.navigateBack();// A页面 methods: { getParams(object) {co…

【键盘/支付】h5键盘以及拉起微信/支付宝支付功能

这里写自定义目录标题<div class"container" id"newsInfoPreview" v-cloak><!-- 输入框 以及商户信息&#xff0c;这里从后台拿数据获取对应的商户信息--><div class"monenyBox"><div class"logoBox"><div…

vue生成海报

vue生成海报 1、引入插件 npm install qrcodejs2 --save npm install html2canvas --save//在需要的地方引入 import VueQrcode from xkeshi/vue-qrcode import html2canvas from html2canvas;2、html海报中背景图片&#xff0c;这里用的是本地路径&#xff0c;如果是用线上路…

【vue下载base64格式的图片】

1、创建downLoad.js文件 class Download {//引用调用的方法&#xff0c;传入文件名称和bas64格式的文件downloadFile(fileName, content) {let aLink document.createElement(a);let blob this.base64ToBlob(content); //new Blob([content]);let evt document.createEvent…