微信小程序polyline

最近在做微信小程序项目，有个需求为实现轨迹路线。官方文档一看，嗯，要用polyline，马上写个demo，很简单嘛，代码如下：`

// 初始数据
data: {
    polyline: [{
      points: [{
        latitude: "31.79453053831718",
        longitude: "120.02379165275012"
      },
      {
        latitude: "31.792017041269684",
        longitude: "120.02106965196045"
      },
      {
        latitude: "31.804600509310646",
        longitude: "120.0229725240544"
      }
    ],
      color: "#FA6400",
      width: 10,
      arrowLine: true,
      borderWidth: 2 //线的边框宽度，还有很多参数，请看文档 
    }],`

显示效果如下：

当我从后台取数据再setData时，路线就不见了，多次尝试后发现，要先用个临时数组来存值，再setData才有效果，如下：

var obj = [{
          latitude: "31.79453053831718",
          longitude: "120.02379165275012"
        },
        {
          latitude: "31.792017041269684",
          longitude: "120.02106965196045"
        },
        {
          latitude: "31.804600509310646",
          longitude: "120.0229725240544"
        }
      ]
        that.setData({
          // latitude: latitude,
          // longitude: longitude,
          // markers: markers,
          polyline: [{
            points: obj,
            color: "#FA6400",
            width: 10,
            arrowLine: true,
            borderWidth: 2 //线的边框宽度，还有很多参数，请看文档 
          }],
        })

好了，这就是这次遇到的坑，小程序确实坑比较多。