微信小程序学习笔记获取位置信息操作详解
本文通过一个例子来描述在微信小程序的学习笔记中获取位置信息的操作。分享给大家参考,如下:
微信小程序文件的上传和下载操作前面已经介绍过了。这里分析一下获取位置信息的操作。
[获取当前位置信息] wx.getLocation()
getlocation.wxml:
视图按钮bindtap='getlocation '获取位置/按钮/viewgetlocation.js:
page({ getlocation : function(){ wx . getlocation({ type : ' wgs84 ',//wgs84返回gps坐标,gcj02返回中国测绘局成功3360 function (RES) {console。log (RES)}})})点击按钮获取位置,第一次调用
单击确定获取位置信息:
【使用微信内置地图查看位置】wx.openLocation()
openlocation.wxml:
view button bind tap=' open location '地图位置/按钮/viewopenlocation.js:
page({ openlocation : Function(){//首先调用wx.getLocation获取当前位置wx.getlocation的经纬度({type:' gcj02 ',//wx.openLocation可用坐标系成功(RES){ const latitude=RES . latitude const经度=RES . longitudewx . open Location({纬度,//纬度经度,//经度比例尺: 18,//比例尺:5~18 name:' Beijing ',//Location日志)}}})}})点击
打开地图获取位置,如下所示:
返回成功信息:
[打开地图选择位置] wx.chooseLocation()
chooselocation.wxml:
view button bind tap=' choose location '选择位置/按钮/viewchooselocation.js:
页面({ choose location : function(){ wx . choose location({ success 3360 function(RES){ console . log(RES)} })}),点击选择位置按钮,需要获取用户第一次调用的scope.userLocation授权:
选择位置页面,如下所示:
选择一个位置,点击右上角的确定,返回的信息如下:
(经纬度采用国家测绘局gcj02坐标系)
希望本文对微信小程序的开发有所帮助。
版权声明:微信小程序学习笔记获取位置信息操作详解是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。