微信小程序定位功能怎么开发?

　　微信小程序定位功能怎么开发?微信小程序在开发的的过程中，会需要开发微信小程序定位功能。各位微信小程序开发者知道微信小程序定位怎么开发吗?接下来小编我来为大家介绍哦。

　　微信小程序定位功能怎么开发?

　　很多的微信小程序开发者都会去开发微信小程序定位功能，应该怎么做呢?具体的方法如下：

　　微信小程序地图定位效果如下：

　　要求要完成的小程序功能：

　　1.要完成的要点是城市定位。

　　2.就是切换城市。

　　首页我们先参照微信小程序开放的官方文档找到：

　　在这里我们可以找到”当前位置经纬度“

　　getLocation: function (){　　var that = this wx.getLocation(　　{

　　success: function (res) {

　　console.log(res)

　　that.setData({

　　hasLocation: true,

　　location: formatLocation(res.longitude, res.latitude)//这里是获取经纬度

　　})　　　　}

　　})},

　　//将经纬度转换成城市名和街道地址，参见百度地图接口文档：developer.baidu/map/index.php?title=webapi/guide/webservice-geocoding

　　这里用到微信小程序的文档里面有发起的是s请求：

　　这里面有案例我就不多讲解：

　　上面的代码打印出来的小程序数据是：

　　renderReverse&&renderReverse(

　　{"status":0,

　　"result":

　　{"location":{"lng":114.05786799999997,"lat":22.543098999645019},

　　"formatted_address":"广东省深圳市福田区福华一路138-5",

　　"business":"购物公园,新洲,香蜜湖",

　　你找到city传进去就可以了，

　　第二步切换城市：

　　在次找到我们的微信小程序的开发文档里面有

　　picker

　　滚动选择器，现支持三种选择器，通过mode来区分，分别是普通选择器，时间选择器，日期选择器，默认是普通选择器。

　　普通选择器：mode = selector

　　属*名类型默认值说明：

　　rangeArray[]mode为 selector 时，range 有效

　　valueNumber0mode为 selector 时，是数字，表示选择了 range 中的第几个，从0开始。

　　bindchangeEventHandle value改变时触发change事件，event.detail = {value: value}

　　时间选择器：mode = time

　　属*名类型默认值说明：

　　valueString 表示选中的时间，微信文字格式为"hh:mm"

　　startString 表示有效时间范围的开始，字符串格式为"hh:mm"

　　endString 表示有效时间范围的结束，字符串格式为"hh:mm"

　　bindchangeEventHandle value改变时触发change事件，event.detail = {value: value}

　　日期选择器：mode = date

　　属*名类型默认值说明：

　　valueString0表示选中的日期，格式为"yyyy-MM-dd"

　　startString 表示有效日期范围的开始，字符串格式为"yyyy-MM-dd"

　　endString 表示有效日期范围的结束，字符串格式为"yyyy-MM-dd"

　　fieldsStringday有效值year,month,day，表示选择器的粒度

　　bindchangeEventHandle value改变时触发change事件，event.detail = {value: value}

　　注意：开发工具暂时只支持mode = selector。

　　微信小程序定位功能怎么开发?以上就是微信小程序定位功能怎么开发的内容了哦，各位亲们，赶快按照上方的内容去开发微信小程序定位功能哦，感谢你的观看，请多多的关注微微风。

相关推荐：

微信小程序搜索功能是什么?微信小程序如何搜索?

微信小程序怎么实现饮食营销

餐饮微信小程序开发有哪些内容呢?