微信小程序地图聚合以及轨迹回放

公司项目需要实现小程序地图的聚合以及轨迹回放，效果要与PC端一直。其中，轨迹回放还需要包含开始、暂停、结束三个按钮。效果图如下：

1、添加图标

2、聚合，其中，如果发雀简现聚合点不开的情况，可以把grikSize的值设置小一点，默认值为60

3、点击图标，获取addMarker设闷岁隐置的  Id 值

4、定时画线条

同时，画线条之前，还需要清除按蚂厅钮

1，marker可以添加附件，new MarkerOptions().extraInfo()每个marker附件信息可以不一样，

2，给散梁marker添加点击事件监听（baiduMap.setOnMarkerClickListener(this)）行空，点击时冲带运根据附件信息的不同跳转到不同activity即可，

//添加信息窗口

var info = new qq.maps.InfoWindow({

map: map

})

var markerArray = []

for(var i=0i<data.lengthi++){

var latLng = new qq.maps.LatLng(data[i][0],data[i][1])

var decoration = new qq.maps.MarkerDecoration(i+1, new qq.maps.Point(0, -5))

var marker=new qq.maps.Marker({

position:latLng,

decoration:decoration,

map:map

})

//设置Marker的动画属性为从落下

marker.setAnimation(qq.maps.MarkerAnimation.DOWN)

//设置标注握陆的名称，当鼠标划过Marker时显示

marker.setTitle(company[i])

markerArray.push(marker)

}

for(var i=0i<markerArray.lengthi++){

alert(markerArray[i].getPosition()+company[i])

//标冲橘记Marker点击事件

qq.maps.event.addListener(markerArray[i], 'click', function() {

info.open()

info.setContent(company[i])

info.setPosition(markerArray[i].getPosition())

})

}

设置点击事件没有效果段判顷

---