微信小程序 （API---界面、位置、转发）

界面API
位置API
转发API

界面API

（1）界面—交互API
wx.showToast(Object object)显示消息提示框

事件属性

object.icon 的合法值

案例：



wx.hideToast(Object object)隐藏消息提示框

语法：wx.hideToast()

wx.showModal(Object object)显示模态对话框，基础属性

wx.showModal(Object object)显示模态对话框，事件属性

wx.showModal(Object object)显示模态对话框
object.success 回调函数

wx.showModal(Object object)显示模态对话框案例



wx.showLoading(Object object)
显示 loading 提示框。需主动调用 wx.hideLoading 才能关闭提示框





wx.hideLoading(Object object)隐藏 loading 提示框

注意：
①wx.showLoading 和 wx.showToast 同时只能显示一个
②wx.showToast 应与 wx.hideToast 配对使用

wx.showActionSheet(Object object)显示操作菜单



界面API
除了以上交互API外，还有其他诸如下拉刷新、导航栏、滚动、动画、窗口、键盘等API。
详情参见官方文档即可

位置API

（1）wx.getLocation(Object object)
作用：获取当前的地理位置、速度。当用户离开小程序后，此接口无法调用。
注意：调用前需要 用户授权 scope.userLocation

success成功回调函数参数

案例：点击我的位置，获取打印当前地理坐标

会有报错提示

配置：先配置定位权限认证app.json，小程序配置文件中添加如下配置


wx.getLocation(Object object)定位传参
接下来，将获取的经纬度传参给下个地图页面

之后在local地图页面接收参数



此时便实现了实时定位功能。
除此之外，还有其他位置API，包含使用微信内置地图查看位置、监听实时地理位置变化事件、取消监听实时地理位置变化事件等，参考文档即可。

转发API

（1）wx.showShareMenu(Object object)
显示当前页面的转发按钮

现在的js文件自动创建好之后，便有用户行为转发操作

此时点击右上角胶囊按钮便可以出现分享按钮，如果没有这个函数便不会有转发分享项。

显示当前页面的转发按钮，接下来吧函数删除，此时再点击右上角胶囊按钮时便会出现如下所示

除了将函数加入恢复，还可以通过转发API设置
即wx.showShareMenu(Object object)显示当前页面的转发按钮


此时，点击完按钮后，再次点击右上角胶囊时发现已经可以分享了。

（2）wx.hideShareMenu(Object object)
隐藏转发按钮

语法：wx.hideShareMenu()

（3）wx.getShareInfo(Object object)
获取转发详细信息

总结：
（1）界面API：交互API
（2）位置API：授权获取地理位置
（3）转发API：显示隐藏分享