飞书小程序显示当前经纬度

我们要实现一个如下的功能：点击获取经纬度按键，在页面上显示经纬度，在console里面打印经纬度。

第一步:新建一个page，命名为location：

第二步：把location设置为启动页面:

然后保存

第三步：在location.ttml中添加一个按键：

第四步：给按键添加一个bindtap，命名为getlocation，给按键添加点击效果：

第五步：在location.js文件中添加getlocation函数；

第六步：添加获取到经纬度的函数，直接复制粘贴，具体看下面的图片：

第七步：点击保存，点击按键,查看console:可以看到经纬度出来了。

第八步：给location.js中添加一个变量，名字随便起，这里叫做message，然后保存，格式如下：

第九步：修改location.js中的onLoad，添加self=this，然后保存，格式如下：函数

第十步，在第六步的基础上，继续完善getlocation函数，把经纬度赋值给第八步建立的变量message，如下所示，点击保存：

self.setData({message:`经度 ${res.longitude}，纬度 ${res.latitude}`})

第十一步：修改location.ttml文件，修改view的显示，显示的内容为第八步建立的变量message，具体格式为用两个大括号{{message}}，然后点击保存，

第十二步：点击按键，就可以看到经纬度了：

的

的

在微信中搜索打开小程序“经纬度查询测距工具”然后点击首页地图右侧的“搜索”按钮。 会打开位置搜索界面，然后默认是你当前的位置，然后点击右上角的【确定】按钮，就可以查询到你所在位置的精确经纬度信息。同时，页面上方的地图也会在地图中标注位置，然后你可以用两个手指缩放地图，查看位置附近的信息。一般来说，通常所说的北纬地理纬度指的就是这个。从赤道向北测量的北纬；向南量，就是“南纬”(S)。东经是东经的简称。从0°子午线(本初子午线)向东测量的经度称为东经，简称“东经”。符号“e”

要授权微信获取位置信息，可以使用微信小程序API wx.getLocation() 来获取当前位置的经纬度信息。另外，也可以通过使用微信小程序API wx.chooseLocation() 来实现用户自己选择位置的功能。

拓展：此外，微信小程序开发还提供了wx.openLocation() API，可以实现在小程序中打开地图，定位到指定的位置，并可以提供搜索附近周边的功能。另外，微信小程序开发还支持经纬度与地址的相互转换，可以使用wx.getLocation() API获取当前位置的经纬度信息，然后使用微信小程序API wx.request() 来调用高德地图提供的接口，将经纬度转换为地址信息。

---