收藏
回答

小程序地图可以实现历史轨迹回放吗?如何实现。


就是我已获取一个历史轨迹线段,要求从第一点走到最后一点,可以实现吗?气泡移动

最后一次编辑于  2018-06-05
回答关注问题邀请回答
收藏

2 个回答

  • Lī-Lí-Lǐ-Lì
    Lī-Lí-Lǐ-Lì
    2020-03-11

    文档方法案例也没有, 我写的那个还不好用

    2020-03-11
    有用
    回复
  • 小5
    小5
    2018-06-05

    从理论上上看,是可以的。但是我自己也没做过这个功能。

    你可以试下translateMarker

    2018-06-05
    有用
    回复 6
    • 疯狂的小辣椒
      疯狂的小辣椒
      2018-06-05

      具体参考文档:

      https://developers.weixin.qq.com/miniprogram/dev/api/api-map.html#wxcreatemapcontextmapid

      2018-06-05
      回复
    • 科技控
      科技控
      2018-06-05回复疯狂的小辣椒

      谢谢

      2018-06-05
      回复
    • 高峰
      高峰
      2019-11-25回复疯狂的小辣椒
      您好,参考文档失效了,可以再发一份吗?谢谢。
      2019-11-25
      回复
    • 疯狂的小辣椒
      疯狂的小辣椒
      2019-11-26回复高峰
      https://developers.weixin.qq.com/miniprogram/dev/api/media/map/MapContext.translateMarker.html
      2019-11-26
      回复
    • Lī-Lí-Lǐ-Lì
      Lī-Lí-Lǐ-Lì
      2020-03-11回复疯狂的小辣椒
      data: {
              markers: [{
                  markerId: 11,
                  latitude: 41.808585,
                  longitude: 123.488286,
                  callout: {
                      display: 'ALWAYS',
                      content: '地铁口'
                  }
              }, {
                  markerId: 12,
                  longitude: 123.488383,
                  latitude: 41.807865,
                  callout: {
                      display: 'ALWAYS',
                      content: '百度科技园'
                  }
              }, {
                  markerId: 13,
                  longitude: 123.487895,
                  latitude: 41.807497,
                  callout: {
                      display: 'ALWAYS',
                      content: '西山壹号院'
                  }
              }, {
                  markerId: 14,
                  longitude: 123.488270,
                  latitude: 41.807333,
                  callout: {
                      display: 'ALWAYS',
                      content: '西山壹号院'
                  }
              }, {
                  markerId: 15,
                  longitude: 123.488758,
                  latitude: 41.807081,
                  callout: {
                      display: 'ALWAYS',
                      content: '西山壹号院'
                  }
              }],
              longitude: 123.488286,
              latitude: 41.808585,
              polyline: [{
                  points: [{
                      longitude: 123.488286,
                      latitude: 41.808585
                  }, {
                      longitude: 123.488383,
                      latitude: 41.807865
                  }, {
                      longitude:123.487895,
                      latitude: 41.807497
                  }, {
                      longitude: 123.488270,
                      latitude: 41.807333
                  }, {
                      longitude:123.488758,
                      latitude: 41.807081
                  }],
                  color: '#000000AA',
                  width: 2,
                  dottedLine: true,
                  arrowLine: true,
                  // arrowIconPath: '开发者服务器图片路径', ,
                  borderColor: '#FFB6C1',
                  borderWidth: 5
              }]
          },
      onReady: function (e) {
              // 使用 wx.createMapContext 获取 map 上下文
              // this.mapCtx = wx.createMapContext('map')
              this.MapContext = wx.createMapContext('map')
              this.getCenterLocation()
            },
            getCenterLocation: function () {
              var MapContext = wx.createMapContext('Map')
              console.log(this.data.markers[0].markerId)
              MapContext.translateMarker({
                  markerId:'11',
                  destination: {
                      latitude: 41.807081,
                      longitude: 123.488758,
                  },
                  autoRotate: true,
                  rotate: 30,
                  duration: 1000,
                  success: function(res){
                      console.log(res)
                  }
              })
            }


      始终提示 找不到 id 为 11 的 markerId
      2020-03-11
      回复
    查看更多(1)
登录 后发表内容