前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >小程序在获取当前位置信息在地图上显示

小程序在获取当前位置信息在地图上显示

作者头像
王小婷
发布2019-03-15 14:17:12
发布2019-03-15 14:17:12
2.1K00
代码可运行
举报
文章被收录于专栏:编程微刊编程微刊
运行总次数:0
代码可运行

小程序在获取当前位置信息在地图上显示api:https://developers.weixin.qq.com/miniprogram/dev/api/wx.getLocation.html

主要方法:

代码语言:javascript
代码运行次数:0
运行
复制
wx.getLocation({
  type: 'wgs84',
  success(res) {
    const latitude = res.latitude
    const longitude = res.longitude
  }
})

这一步的时候,会出现在这样的提示:

所以要进入app.json配置以下 参考API: https://developers.weixin.qq.com/miniprogram/dev/framework/config.html#permission

配置授权信息的代码

代码语言:javascript
代码运行次数:0
运行
复制
{
  "pages": ["pages/index/index"],
  "permission": {
    "scope.userLocation": {
      "desc": "你的位置信息将用于小程序位置接口的效果展示"
    }
  }
}

OK,具体代码也贴一下:

index.wxml

代码语言:javascript
代码运行次数:0
运行
复制
 <view bindtap="getLocation">获取当前位置信息</view>

index.js

代码语言:javascript
代码运行次数:0
运行
复制
var app = getApp()
Page({
  data: {  
  },
  onLoad: function (options) {
  },

  getLocation:function(){
    wx.getLocation({
      type: 'wgs84',
      success(res) {
        const latitude = res.latitude
        const longitude = res.longitude
        wx.openLocation({
          latitude:latitude,
          longitude:longitude,
        })
      }
    })
  },
})

**

原文作者:祈澈姑娘 90后前端妹子,爱编程,爱运营,文艺与代码齐飞,魅力与智慧共存的程序媛一枚。 坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,对于博客上面有不会的问题,可以加入qq技术交流群聊:649040560。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019.03.09 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档