微信小程序开发-共享位置功能

1、设置是否开启位置共享开关

使用微信自带的组件，switch开关：
微信开发者文档中改开关的属性：
https://developers.weixin.qq.com/miniprogram/dev/component/switch.html

<view><text>开启共享位置：</text><switch checked="{{isLocation}}" bindchange="switchChange"/>
</view>

2、向用户询问授权：

在app.json中添加如下字段，在调用wx.getLocation时会向用户询问授权

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

3、使用API获得用户当前位置

使用wx.getLocation，在获得经纬度后对页面中的数据进行更新

 wx.getLocation({type: 'gcj02',success: (res)=> {const latitude = res.latitudeconst longitude = res.longitudethis.setData({longitude,latitude});this.getNearUsers();}})

4、使用微信中的`<map>`组件显示自己的定位

微信开发者文档中的属性介绍：

https://developers.weixin.qq.com/miniprogram/dev/component/map.html
必填属性：
（1）经纬度：

  <map id="map" longitude="{{ longitude }}" latitude="{{ latitude }}"></map>

推荐填写：
（1）show-location：显示自己的位置
其他属性的使用可以参考文档自行进行调试

微信小程序开发-共享位置功能相关推荐

微信小程序开发--当前位置的详细地址获取amp;amp;amp;amp;城市列表获取-具体到：省--市--区、县级市---乡镇、街道
1. 申请开发者密钥(key):申请密钥 2. 下载微信小程序JavaScriptSDK,微信小程序JavaScriptSDK v1.0 3. 安全域名设置,在"设置" -> ...
微信小程序开发实现搜索功能
对于搜索都是会有一些需要的,所以搜索页面还是可以复用的.主页面就是下面这样: 这个页面在pages/components/component2/component2.wxml 点击页面中黄色的inp ...
微信小程序开发工具介绍及安装（下）
开发工具的基本功能介绍微信小程序开发工具是一款强大的集成开发环境(IDE),旨在帮助开发者更便捷地创建.调试和发布微信小程序.它提供了丰富的功能和工具集,下面将对微信小程序开发工具的基本功能进行详细 ...
微信小程序开发得会议扫码签到系统
分享下最近做的一个微信程序会议签到,本系统后台基于ssm(Spring+SpringMVC+MyBatis)开发,前台为小程序开发的会议扫码签到程序,系统以Java作为编程语言,采用Mysql数据库作 ...
小程序onload_微信小程序开发入门之共享账本（十四）
微信小程序开发入门之共享账本(十四) (备注:微信小程序的wxml文件相当于HTML文件,wxss文件相当于CSS文件,js文件就是JavaScript文件,数据库为NoSQL数据库,数据库脚本语言也 ...
农家乐微信小程序开发功能
对于农家乐旅游行业的微信小程序开发,重点还是应该放在功能上,比如:为游客提供最便捷的路线,帮助使用者制定好相应的旅游景点,当然要有旅游费用的预估功能,帮助游客更好的了解出行的所有,让游客在进行农家乐旅 ...
微信小程序原生开发功能合集一：微信小程序开发介绍
一.专栏介绍本专栏主要内容为微信小程序常用功能开发过程的介绍说明,包括开发微信小程序常用组件的封装.常用功能的开发等,提供源代码.开发过程讲解视频.完整的课程等. 组件封装: 下拉选择组件. ...
微信小程序开发教程第八章：微信小程序分组开发与左滑功能实现
接着上面微信小程序开发教程第八章:微信小程序分组开发与左滑功能实现.(第一二章:微信小程序开发教程,第三四章:微信小程序项目结构以及配置&微信小程序首页面开发,第五章:微信小程序名片夹详情页开 ...
微信小程序开发（2） - 微信小程序实现拍照和录像拍摄功能方法
微信小程序开发2 - 本文实例讲述了微信小程序实现拍照和录像拍摄功能方法.分享给大家供大家参考,具体如下: 微信小程序拍照: API:wx.chooseImage 原先的想法是使用微信的camera组 ...

微信小程序开发-共享位置功能

1、设置是否开启位置共享开关

2、向用户询问授权：

3、使用API获得用户当前位置

4、使用微信中的`<map>`组件显示自己的定位

微信小程序开发-共享位置功能相关推荐

最新文章

热门文章

微信小程序开发-共享位置功能

1、设置是否开启位置共享开关

2、向用户询问授权：

3、使用API获得用户当前位置

4、使用微信中的<map>组件显示自己的定位

微信小程序开发-共享位置功能相关推荐

最新文章

热门文章

4、使用微信中的`<map>`组件显示自己的定位