目录

1.wx.chooseLocation (API)

2.在app.josn中permission授权(也可以不用授权)

3.wxml代码

4.js代码

执行结果:

点击按钮后出现页面:


1.wx.chooseLocation (API)

wx.chooseLocation(Object object) | 微信开放文档

2.在app.josn中permission授权(也可以不用授权)

3.wxml代码

<view class="location" style="font-size: 20rpx;"><button bindtap='getLocation' style="width: 150rpx;font-size: 20rpx;padding: 0rpx;background-color: white;  color: black;">点击选择位置</button><view wx:if="{{address !=''}}" style="margin-left: 10rpx;"><view>{{name}}</view></view>
</view>

4.js代码

getLocation: function () {  //封装var that = this;  wx.chooseLocation({    //选择地理位置接口success: function (res) {   //接口调用成功后  将位置名称返回var name = res.namethat.setData({name: name,})},complete(r){    //接口调用结束的回调函数(调用成功、失败都会执行)console.log(r)console.log(222)}})}

执行结果:

点击按钮后出现页面:

选择地址后点击确定即可

微信小程序 定位功能相关推荐

  1. vue 开发微信小程序定位功能

    边做边总结系列: 小程序里获取个人定位,如果没有在app.json文件里配置小程序接口权限:permission,会提示↓ 配置信息图下: 贴代码: "permission": { ...

  2. 微信小程序定位功能+页面滚动+列表展示

    效果图 地图定位代码: wxml: <!-- 地图 --> <view class="shop-map"><map class="{{isS ...

  3. 智慧物业小程序_物业小程序物业微信小程序目前功能最全的物业小程序

    原标题:物业小程序物业微信小程序目前功能最全的物业小程序 以物业管理为核心,打造智慧社区云微信小程序管理平台,已入驻腾讯海纳社区,物业微信小程序,解决传统物业管理难,乱差的问题,利用微信小程序提供一整 ...

  4. 微信小程序插件功能页开发详细流程

     有问题可以扫码加我微信,有偿解决问题.承接小程序开发. 微信小程序开发交流qq群   173683895  . 526474645 : 正文: 关于新出的微信小程序插件功能页做一下记录,希望能帮到大 ...

  5. 微信小程序php后台支付,微信小程序 支付功能实现PHP实例详解

    微信小程序 支付功能实现PHP实例详解 前端代码: wx.request({ url: 'https://www.yourhost.com/weixin/WeiActivity/payJoinfee' ...

  6. 微信 php收藏功能实现,关于微信小程序收藏功能的实现

    这篇文章主要介绍了微信小程序收藏功能的实现代码,基本功能是点击收藏后显示已收藏,在另一个页面出现目前点击收藏的项目.需要的朋友可以参考下 需求 点击收藏后显示已收藏,在另一个页面出现目前点击收藏的项目 ...

  7. python个人微信支付接口_Python实现微信小程序支付功能

    正文 由于最近自己在做小程序的支付,就在这里简单介绍一下讲一下用python做小程序支付这个流程.当然在进行开发之前还是建议读一下具体的流程,清楚支付的过程. 1.支付交互流程 2.获取openid( ...

  8. vc++6.0获取磁盘基本信息_微信小程序——常用功能2:微信小程序用户登录,申请用户授权并获取用户基本信息...

    微信小程序--常用功能2:申请用户授权并获取用户基本信息 为了更好的用户体验,很多时候我们想要获取用户的基本信息,从而实现将信息呈现到用户界面.给用户划分地域.给用户分类等功能. 但是要想获取用户信息 ...

  9. 微信小程序定位权限封装

    微信小程序定位权限封装 getUserOrSystemPermissions.js //如需动态获取权限,修改res.authSetting['scope.userLocation']与scope: ...

最新文章

  1. imrot matlab,Matlabtuxiangpipei
  2. 10、ctemplate文档,简记(3)
  3. WWDC2019:iPad全新发布
  4. Forever.Sun 从URL地址获取参数
  5. linux源码包编译安装与rpm安装方法介绍
  6. python爬虫数据可视化_适用于Python入门者的爬虫和数据可视化案例
  7. vs生成qt moc文件
  8. java读取request中的xml
  9. 建站倒计时html,网页短时间维护倒计时js代码
  10. 常用HTML转义字符,html转义符,JavaScript转义符,html转义字符表,HTML语言特殊字符对照表(ISO Latin-1字符集)...
  11. python简单计算器下载安装到手机_python简单计算器
  12. DP学习之USACO货币系统
  13. 获取阿里云播放器当前播放速率
  14. 苹果雪豹操作系统正式版_苹果放出iOS 13andiPadOS beta 2:加入SMB网络共享、APFS硬盘支持...
  15. 一些Camera相关概念整理
  16. c语言学生成绩及格率,c语言百分制输入学生的考试分数统计学生及格率
  17. mysql 获取昨天日期、今天日期、明天日期以及前一个小时和后一个小时的时间
  18. 为什么我不建议你裸辞做自媒体?
  19. Vue3 学习笔记 —— transition、transition-group
  20. Gson解析遇到的异常分析与记录

热门文章

  1. iOS12系统找回访问限制密码
  2. showModal、showToast弹窗封装使用
  3. 基于JAVA的社区服务
  4. 碧蓝航线服务器维护时间,碧蓝航线4月9日停服维护公告内容详解
  5. Python读写TOML文件
  6. Ajax出现 beforeSend 和 complete 的方法失效问题(已解决)
  7. 图像滤镜艺术---(Punch Filter)交叉冲印滤镜
  8. 服务器端验证TextBox 以及客户端验证控件
  9. 微信公众号——自动回复
  10. 133道 Java 面试题及答案