微信小程序中如何获取位置信息

  介绍

这篇文章给大家分享的是有关微信小程序中如何获取位置信息的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

前面介绍了微信小程序文件上,传下载操作。这里分析一下获取位置信息操作。

【获取当前位置信息】wx.getLocation ()

getlocation。wxml:

& lt; view>   ,& lt; button  bindtap=癵etlocation"在获取位置& lt;/button>   & lt;/view>

getlocation。js:

页面({   ,getlocation: function  (), {   wx.getLocation({才能   ,,,类型:& # 39;wgs84 # 39;,,//wgs84返回gps坐标,gcj02返回国测局坐标   ,,,成功:函数(res), {   ,,,console.log (res)   ,,}   })才能   ,}   })

点击获取位置按钮,首次调用需要获得用户的<代码>范围。userLocation 授权:

微信小程序中如何获取位置信息

点击确定,获得位置信息:

, 微信小程序中如何获取位置信息

【使用微信内置地图查看位置】,wx.openLocation ()

openlocation。wxml:

& lt; view>   ,& lt; button  bindtap=皁penlocation"在地图位置& lt;/button>   & lt;/view>

openlocation。js:

页面({   ,openlocation: function  (), {//首才能先调用wx.getLocation获得当前位置经纬度   wx.getLocation({才能   ,,,类型:& # 39;gcj02& # 39;,,//wx.openLocation可用坐标系   ,才能成功(res), {   ,,,const  latitude =res.latitude   ,,,const  longitude =res.longitude   ,,,wx.openLocation ({   ,,,,纬度,//纬度   ,,,,经度,,//经度   ,,,,:,18日,//缩放比例:5 ~ 18   ,,,,名字:,& # 39;北京& # 39;,,//位置名   ,,,,地址:,& # 39;挺好& # 39;,,//地址详细说明   ,,,,成功:,function  (res), {   ,,,,,console.log (res)   ,,,,}   ,,,})   ,,}   })才能   ,}   })

点击地图位置按钮,首次调用也需要获得用户的<代码>范围。userLocation 授权:

微信小程序中如何获取位置信息

打开地图获得位置如下:

微信小程序中如何获取位置信息

返回成功信息:

微信小程序中如何获取位置信息”> <br/>, </p> <p>【打开地图选择位置】,wx.chooseLocation () </p> <p> chooselocation。wxml: </p> <pre类= & lt; view>   ,& lt; button  bindtap=癱hooselocation"在选择位置& lt;/button>   & lt;/view>

chooselocation。js:

页面({   ,chooselocation: function  (), {   wx.chooseLocation({才能   ,,,成功:function  (res), {   ,,,console.log (res)   ,,}   })才能   ,}   })

点击选择位置按钮,首次调用还需要获得用户的<代码>范围。userLocation>

微信小程序中如何获取位置信息

选择位置页面如下:

微信小程序中如何获取位置信息

选择一个位置,点击右上角确定,返回信息如下:

微信小程序中如何获取位置信息

,(经、纬度使用gcj02国测局坐标系)

感谢各位的阅读!关于“微信小程序中如何获取位置信息”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

微信小程序中如何获取位置信息