使用百度polyline()画轨迹问题


使用百度polyline()画轨迹问题

出现一些点与某一个点相连的问题,如上图,折线很乱,看不到正确的轨迹。

分析:1. 可能是点存入数组中没有按时间顺序。

         数据库sql语句加 order by time 

       同时在前端打印出数组,console.log(mpoint)

使用百度polyline()画轨迹问题

使用百度polyline()画轨迹问题

使用百度polyline()画轨迹问题

显示是按时间顺序显示的;

2. 又想到是否是数据太密导致的。

将for (var i=0; i<locas.length; i++) {}改为i+=10;

使用百度polyline()画轨迹问题

折线仍然乱,而且画的轨迹和道路有出入,仔细想想,如果显示轨迹的话应该是点越多越符合实际路线。

3. 然后又想到是不是polyline()函数有问题,百度查看该函数是按照放入位置顺序依次画线的,不是这个问题。

4. 会不会是点的问题?

数据库先取单程的点,有些轨迹显示正常,还有些仍不正常,有分析数据,发现一个点的位置出现多次,如

使用百度polyline()画轨迹问题

然后,去重。将重复的点去掉。

使用百度polyline()画轨迹问题

发现可以了

使用百度polyline()画轨迹问题

分析数据库中的数据,发现原来是数据有问题。如果开始就看数据是否有问题就不会走那么多的弯路,分析程序,修改程序,最后发现程序是对的,是数据的问题。然后就是筛选数据了。