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

微信小程序地图聚合以及轨迹回放,第1张

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

1、添加图标

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

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

4、定时画线条

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

可以看到拖动地图出现明显的闪烁来关闭渗兆。

使用微信小程序地图动态展示空码marker,当用户拖拽或缩放地图时需要加载当前区域内的marker。

移动斗喊哪地图,动态加载marker,地图上的marker无明显闪烁现象,让用户感觉不到marker刷新了。或者能否提供插入或删除单个marker的方法,这种批量 *** 作marker的效率太低了。

标记点markers只能在初始化的时候设置,不支持动态更告樱裂新。

示例:

<!-- map.wxml --> <map longitude="23.099994" latitude="113.324520" markers="{{markers}}" covers="{{covers}}" style="width: 375pxheight: 200px"></map> // map.js Page({ data: {markers: [{ latitude: 23.099994, longitude: 113.324520, name: 'T.I.T 创意园'袜闭, desc: '我现在的位置'}],covers: [{ latitude: 23.099794, longitude: 113.324520, icaonPath: '../images/car.png', rotate: 10}, { latitude: 23.099298, longitude: 113.324129, iconPath: '../颂滚images/car.png', rotate: 90}] } })


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12548697.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-26
下一篇 2023-05-26

发表评论

登录后才能评论

评论列表(0条)

保存