微信小程序学习(七)常用API(2)

一、地图:MapContext wx.createMapContext(string mapId, Object this)

MapContext  常用方法如下表所示:(常用的一般就是获取移动设备的位置信息以及或者当前地图的中心坐标位置

getCenterLocation(Object object)

获取当前地图中心的经纬度,在success回调函数的res参数可以获取经纬度信息;

属性 类型 说明
longitude number 经度
latitude number 纬度

getRegion(Object object)

获取当前地图的视野范围,在success回调函数的res参数可以获取东北和西南角的经纬度信息;
属性 类型 说明
southwest number 西南角经纬度
northeast number 东北角经纬度

getRotate(Object object)

获取当前地图的旋转角,在success回调函数的res参数可以获取其旋转角度rotate;

getScale(Object object)

获取当前地图的缩放级别,在success回调函数的res参数可以获取其缩放程度scale;

getSkew(Object object)

获取当前地图的倾斜角,在success回调函数的res参数可以获取其倾斜角skew;

moveToLocation(Object object)

将地图中心移置当前定位点,此时需设置地图组件 show-location 为true。需要在参数object中配置经纬度;(移动定位)

<map id="myMap" show-location='true' style="width:100%;" />
<button type="primary" bindtap="getCenterLocation">获取位置</button>
<button type="primary" bindtap="moveToLocation">移动位置</button>

Page({
  onReady: function (e) {
    // 使用 wx.createMapContext 获取 map 上下文
    this.mapCtx = wx.createMapContext('myMap')
  },
  getCenterLocation: function () {
    this.mapCtx.getCenterLocation({
      success: function (res) {
        console.log(res.longitude)
        console.log(res.latitude)
      }
    })
  },
  moveToLocation: function () {
    this.mapCtx.moveToLocation()
  }
})

运行截图:(好像有默认的经纬度,这里我就不显示了^_^)

二、背景音频 BackgroundAudioManager wx.getBackgroundAudioManager() 微信提供的最新方法,之前的都不在维护;

获取全局唯一的背景音频管理器。 小程序切入后台,如果音频处于播放状态,可以继续播放。但是后台状态不能通过调用API操纵音频的播放状态。若需要在小程序切后台后继续播放音频,需要在app.json中配置 requiredBackgroundModes 属性。

以下是BackgroundAudioManager常用的方法:

1、play():用于播放音频;2、pause():用于暂停音频播放;3、stop():用于停止音频播放;

4、seek(number):跳转到指定的时间开始播放,number单位为s,支持小数点后三位(支持ms)

BackgroundAudioManager常用的属性:
① src:音频资源的地址信息;(设置后自动开始播放) string数据类型 (必用)
② startTime:设置音频的开始播放位置,单位为s;number数据类型    (一般不用)
③ title:设置音频的标签信息(必填且不能为空);string数据类型    (必用)
④ singer:设置歌手的名称(可以为空,非必填);string数据类型     (一般不用)
⑤ epname:设置专辑名称(可以为空,非必填);string数据类型       (一般不用)
⑥ coverImgUrl:封面图 URL信息;string数据类型                 (可能使用)
⑦ paused:判断音频是否暂停(只读); (返回boolean类型的数据)
⑧ duration:音频的持续时间(只读);(返回number类型的数据)

使用的例子:
const backgroundAudioManager = wx.getBackgroundAudioManager() // 获取音频处理对象
backgroundAudioManager.title = '标签信息'
backgroundAudioManager.epname = '专辑名称'
backgroundAudioManager.singer = '歌手名'
backgroundAudioManager.coverImgUrl = '播放的音频的图片资源路径'
backgroundAudioManager.src = '播放音频的资源路径'   // 设置了 src 之后会自动播放

 三、路由跳转(页面跳转)【第1种、第3种为常用的跳转方式】

1、wx.switchTab(Object object):跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面(路径必须在tabBar中配置过)

2、wx.redirectTo(Object object):关闭当前页面,根据url连接进行页面跳转,但不允许跳转至tabBar的路径;

3、wx.navigateTo(Object object):保留当前页面并根据url连接进行页面跳转,但不允许跳转至tabBar的路径;(常用)

4、wx.navigateBack(Object object):关闭当前页面,返回上一级页面(或多级页面)默认一页一页的返回;

属性 类型 默认值 必填 说明
delta number 1 返回的页面数,如果 delta 大于现有页面数,则返回到首页。

好多API呀,小程序虽然给我们提供了这么多api但在微信开发工具中对开发人员好不友好\(^o^)/~呀,这些方法还有一部分

要我们去主动记忆。哎....宝宝心里苦。算了能在这最好的学习期间提高自己一切都是值得的。明天继续加油!!!

在api的学习过程中渐行渐远,^_^;;;

发布了79 篇原创文章 · 获赞 81 · 访问量 5725

猜你喜欢

转载自blog.csdn.net/weixin_44638960/article/details/103196583