山东大学创新实训周报（10）----与主页的对接，实现点击景点跳转到相应的位置并标出

一.前情提要

现在需要实现地图界面的打开，主要是与主页对接，实现点击景点跳转到相应的位置并标出。

二.与主页的对接

在onLoad中获取主页发来的请求的参数，获取主页中被点击的景点的信息。

    this.setData({
      windowHeight: app.globalData.windowHeight,
      "stores[1].latitude":options.latitude,
      "stores[1].longitude":options.longitude,
    }, () => {
      wx.hideLoading();
    })

接下来实现在地图加载时自动跳转到被点击的景点处，并用地图组件markers标出。

  getTargetLocation:function(){
    var _this = this;
    let mpCtx = wx.createMapContext("myMap");
    mpCtx.moveToLocation({ latitude: _this.data.stores[1].latitude,
                          longitude:_this.data.stores[1].longitude});
  },

markers中，0表示当前位置，1表示目标位置

三.流程测试与用户体验优化

主要说明系统功能测试：

1.点击景点后，会跳转到地图上的相应位置

2.点击地图上对应景点，打开弹窗

3.点击去这里，开启导航

4.点击详情，显示详情

5.点击播放，快进，快退，是否可以正常操作

6.测试循环播放，进度为100%时进度是否归零

7.测试天气界面是否可以正确显示

8.测试所有退出行为是否可以正确的暂停语音播放

测试都通过，后续将继续测试，持续优化。