微信小程序获取当前位置与跳转第三方地图

这篇具有很好参考价值的文章主要介绍了微信小程序获取当前位置与跳转第三方地图。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1. 先在app.json添加配置

 "permission": {
    "scope.userLocation": {
      "desc": "你的位置信息将用于小程序位置接口的效果展示"
    }
  },
  "requiredPrivateInfos": [
    "getLocation",
    "chooseLocation"
  ],

2. 获取定位权限,打开地址选点

 wx.showLoading({
      title: '正在打开',
      mask:"true"
    })
    wx.getLocation({    //获取位置权限
      type: 'gcj02',
      isHighAccuracy:true,
      highAccuracyExpireTime:4000,
      success(res) {
        console.log(res)
         var latitude = res.latitude // 纬度
         var longitude = res.longitude // 经度
         wx.chooseLocation({   //打开地址选点
          latitude,
          longitude,
          success: function (data) {
            console.log(data)
          },
          fail(res) {
            console.log(res) // getLocation:fail the api need to be declared in the requiredPrivateInfos field in app.json
          },
          complete(){
            wx.hideLoading()
          }
        })
      },
      fail(res) {
        wx.hideLoading()
        wx.openSetting()  //用户拒绝位置权限后打开设置
      }
    })

3. 如果要打开跳转第三方地图的内置地图文章来源地址https://www.toymoban.com/news/detail-617127.html

  wx.openLocation({
          latitude,  //经度
          longitude, //维度
          name: '自提位置',  // 位置名
          address:"第十六届可能安防监控",  // 要去的地址详情说明
          scale: 1,   // 地图缩放级别,整形值,范围从1~28。默认为最大
          success: function (data) {
            console.log(data)
          },
          fail(res) {
            console.log(res) // getLocation:fail the api need to be declared in the requiredPrivateInfos field in app.json
          },
          complete(){
            wx.hideLoading()
          }
        })

到了这里,关于微信小程序获取当前位置与跳转第三方地图的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uniapp微信小程序获取当前位置信息、经纬度转换、导航地图实现

    1、调用接口,官网文档是这样写的 2、将经纬度转化为位置信息 需要开通腾讯位置服务,开发者每天有一万次的免费转化次数。开通地址  记住当前申请的key值,然后下载微信小程序JavaScriptSDK 然后安全域名设置,在小程序管理后台 - 开发 - 开发管理 - 开发设置 - “服务器域

    2024年02月11日
    浏览(62)
  • 微信小程序中使用 wx.getLocation获取当前详细位置并计算距离

    wx.getLocation只能够获取经纬度,不能够拿到详细地址;如果你的项目刚好也使用腾讯地图的api,那么可以通过腾讯地图的逆解析就能拿到详细地址了; 先介绍一下wx.getLocation()方法的使用; 此方法可以获取当前的经纬度和速度、高度;官网链接 想要使用这个方法,先需要在

    2024年02月08日
    浏览(56)
  • 微信小程序通过startLocationUpdate,onLocationChange获取当前地理位置信息,配合腾讯地图解析获取到地址

    先创建个getLocation.js文件 在App.vue文件里引入封装的getLocation.js文件 要在manifest.json文件里配置下内容

    2024年02月03日
    浏览(59)
  • 微信小程序跳转第三方页面

    使用web-view,官方说明web-view 承载网页的容器。会自动铺满整个小程序页面, 个人类型的小程序暂不支持使用 具体实现思路: 1、首先需要配置小程序的公众平台当中的开发管理选项的业务域名,具体看官方指引 2、在小程序当中新建一个页面文件来单独存放web-view组件,sr

    2024年02月11日
    浏览(63)
  • 微信小程序跳转第三方H5的方法

    使用web-view标签进行跳转 首先建立一个新的页面,这个页面就是为了第三方H5页面准备的。 在index.wxml中,写以下代码 在index.js中,写一下代码 在需要点击跳转第三方页面的地方,js文件中用以下代码实现跳转 以上代码就实现了跳转第三方链接/H5页面 项目中大部分时候,需要

    2024年02月11日
    浏览(59)
  • 微信小程序使用nginx跳转第三方url

    先在微信公众平台配置号域名   服务器域名和业务域名都配置好 然后微信小程序使用 web-view标签进行跳转 nginx配置:域名必须有ssl证书,不然还是访问不了 sub_filter如果nginx没装的话需要装一下 首先需要git安装 ngx_http_substitutions_filter_module git没安装:yum -y install git 安装了:

    2024年02月10日
    浏览(53)
  • 微信小程序 获取当前日期时间

    打印结果: 自定义:

    2024年02月04日
    浏览(61)
  • 微信小程序获取当前日期时间

    在小程序中获取当前系统日期和时间,可直接拿来使用的常用的日期格式 一般放入utils工具类    参考代码  示例

    2024年02月07日
    浏览(62)
  • uniapp微信小程序,根据用户当前位置计算用户到附近机构/商店的距离

    1、首先要弄清楚后端传过来的经纬度是属于哪一类,一共有三大类,分别是:WGS84,GCJ02,BD09 WGS84:为一种大地坐标系,也是目前广泛使用的GPS全球卫星定位系统使用的坐标系。 GCJ02:又称火星坐标系,是由中国国家测绘局制定的地理坐标系统,是由WGS84加密后得到的坐标系

    2024年02月15日
    浏览(40)
  • 微信小程序获取当前日期和时间

    博主介绍: 本人专注于Android/java/数据库/微信小程序技术领域的开发,以及有好几年的计算机毕业设计方面的实战开发经验和技术积累;尤其是在安卓(Android)的app的开发和微信小程序的开发,很是熟悉和了解;本人也是多年的Android开发人员;希望我发布的此篇文件可以帮

    2024年02月07日
    浏览(52)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包