// 获取用户资料
    wx.getUserInfo({success:function(res){that.setData({userinfo:res.userInfo});}});// 获取系统资料
    wx.getSystemInfo({success:function(res){that.setData({systemInfo : res});}});// 获取位置信息
    wx.getLocation({success:function(res){that.setData({location:res});}});

内容显示

<view class="header"><image class="user-header" src="{{userinfo.avatarUrl}}"></image><text  >{{userinfo.province}}  {{userinfo.city}}</text><text >{{userinfo.nickName}}</text></view><view class="slice-line"></view><view class="center"><text class="text">系统信息</text></view><view class="info-box"><text class="info-text">手机型号:{{systemInfo.model}}</text><text class="info-text">设备像素比:{{systemInfo.pixelRatio}}</text><text class="info-text">窗口宽度:{{systemInfo.windowWidth}}</text><text class="info-text">窗口高度:{{systemInfo.windowHeight}}</text><text class="info-text">微信设置的语言:{{systemInfo.language}}</text><text class="info-text">微信版本号:{{systemInfo.version}}</text></view><view class="center"><text class="text">位置信息</text></view><view class="slice-line"></view><view class="info-box"><text class="info-text">纬度:{{location.latitude}}</text><text class="info-text">经度:{{location.longitude}}</text><text class="info-text">速度:{{location.speed}}</text><text class="info-text">位置精确度:{{location.accuracy}}</text></view><view style="margin-top:100rpx;width:100%;height:2rpx;"></view>

转载于:https://www.cnblogs.com/xzma/p/7462067.html

微信小程序---系统信息-位置信息-定位信息相关推荐

  1. uni-app 微信小程序获取位置信息提示“getLocation 需要在 app.json 中申明 permission 字段”

    本文同步发布在:uni-app 微信小程序获取位置信息提示"getLocation 需要在 app.json 中申明 permission 字段 我们在用 uni-app 开发微信小程序时, ...

  2. 微信小程序_map组件实现定位

    微信小程序_map组件实现定位 map组件 这是官方提供的地图组件,很多复杂的功能我暂时没有接触到,而且有的效果似乎只有企业可以使用.我在这里就简单的实现一下map组件的定位用户的位置的功能. 下面的 ...

  3. 开源一个基于微信小程序的蓝牙室内定位软件(附下载链接)

    文章目录 1. 运行环境要求 2. 软件功能及程序说明 2.1 软件组成 2.2 主要功能 2.3 文件及函数功能说明 3. 软件设计及操作说明 4. 完整版代码获取 1. 运行环境要求 软件运行环境 ...

  4. 2021-09-15核芯物联推荐生态合作伙伴莱讯科技#蓝牙AoA微信小程序跨楼层高精度定位导航,支持ibeacon+aoa融合,完美解决ibeacon导航存在的覆盖盲区

    2021-09-15核芯物联推荐生态合作伙伴莱讯科技#蓝牙AoA微信小程序跨楼层高精度定位导航,支持ibeacon+aoa融合,完美解决ibeacon导航存在的覆盖盲区 核芯物联推荐生态合作伙伴莱讯科 ...

  5. 微信小程序canvas大小、定位适配

    微信小程序canvas大小.定位适配 在微信小程序canvas开发中,遇到一种情况:在iPhone X调好的定位大小,把机型调整为iPhone 5,由于iPhone5屏幕较小,canvas画出的内容就 ...

  6. 微信小程序:获取地理定位和显示相应的城市名称。

    最近在看微信小程序,遇到地理定位显示城市名称的问题.本文就是记录这一过程. 解决方案                                                          ...

  7. api 定位 微信小程序 精度_聊聊微信小程序内置地图定位的精确性

    前段时间,一个客户说到,我们给做的 菜齐了小程序 商家定位的地图不准确!用户想要去小程序指定的商家,从微信地图入口导航到所需要的地点差了有上百米! 上百米,这距离可够地远的,这怎么可能啊?我们一一查看 ...

  8. 微信小程序坐标位置接口使用整理(二)地图接口

    微信小程序坐标位置接口使用整理(二) 微信小程序中实现更多地图服务,可以使用腾讯地图Api. 以下几个场景是使用地图Api调用. 官方Api:微信小程序JavaScript SDK | 腾讯位置服务 ...

  9. 微信小程序后台位置信息wx.onLocationChange实现间隔上报

    微信小程序中使用wx.startLocationUpdateBackground这个定位方式时,肯定要使用 wx.onLocationChange不间断的获取位置信息,但这个有两个问题:1.位置不变化 ...

最新文章

  1. sysbench tpcc-mysql_使用sysbench来测试MySQL性能的详细教程
  2. OpenCV,马赛克 常用图像增强算法的实现
  3. mina android 服务器,MINA框架----------android客户端与服务器端
  4. 王道计算机考研 计算机组成原理 第二章、数据的表示和运算
  5. hibernate学习和各种关系总结
  6. SQLAlchemy基本使用(Flask中)
  7. android 贝塞尔曲线 波浪线,Android 贝塞尔曲线实现水纹波动效果
  8. leetcode_day02
  9. SceneCAD: Predicting Object Alignmentsand Layouts in RGB-D Scans
  10. oracle erp 操作手册,OracleERP操作手册
  11. python3 txt 读写_Python3 读写txt文件
  12. vue实现添加购物车光标效果
  13. java nio 坑_把Java的nio坑逐个踩一遍
  14. 网站一直不被收录怎么办,让网站收录更好的五个方法
  15. [附源码]计算机毕业设计JAVA停车场管理系统
  16. C#-Excel导入工资条群发邮箱
  17. 修改计算机用户名bat,修改计算机名.bat
  18. ArcGIS简单的三维演示
  19. Linux内核由32位升到64,将Ubuntu从32位版本升级到64位版本
  20. qq解冻显示服务器开小差了是什么意思,腾讯内容开放平台

热门文章

  1. eclipse中动态web项目快捷方式设置
  2. 基于Springboot实现在线考试管理系统
  3. PermutationImportance
  4. 机器学习基础专题:支持向量机SVM
  5. 使用elk+redis搭建nginx日志分析平台(引)
  6. Linux 内核超时导致虚拟机无法正常启动
  7. c8051单片机注意事项:
  8. shell的read方法使用
  9. css3 animatehue属性
  10. PostGIS之路——线性参考