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

我们要实现一个如下的功能：点击获取经纬度按键，在页面上显示经纬度，在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”

1.在微信小程序中，可以使用wx.getLocation API来获取用户的实时位置信息，但是可能会受到用户当前的移动性的影响，所以可以使用虚拟定位的方式来实现。

2.首先，需要在小程序中设置一个按钮来控制用户的虚拟定位，这个按钮可以是一个开关，用户每次点击它就可以切换到不同的位置，可以在小程序中设置一个数组来存储不同的位置信息，比如经纬度、地址等。

3.然后，就可以使用wx.getLocation API来获取用户虚拟定位的位置信息了，API的参数中需要传入一个type参数，表示获取用户的位置信息类型，如果使用虚拟定位，需要将type设置为“gcj02”，这样就可以获取用户虚拟定位的位置信息了。

4.最后，可以使用wx.openLocation API来打开用户虚拟定位的位置，API的参数中需要传入一个latitude和longitude参数，分别表示用户虚拟定位的经纬度，就可以在微信小程序中虚拟定位了。

---