
1. npm i leaflet.markercluster --save 安装这个插件
2.
const data = [
[36.69224227956309, 110.92799511728634],
[36.69224227956309, 111.92799511728634],
]
const peopleIcon = L.icon({
iconUrl: popleIcon, // 替换为你自己的标记图标路径 './image/img.png'
iconSize: [25, 41], //图片大小
iconAnchor:[25,70] //图片位置
})
setInterval(() => {
var marker = L.animatedMarker(data, {
autoStart: true,
distance: 100, // 运动轨迹的总距离,单位为像素
interval: 1000, // 每帧之间的时间间隔,单位为毫秒
icon: peopleIcon ,
onEnd: function () {
//移动结束后移除
map.removeLayer(this);
}
}).addTo(map);
}, 2000)
文章介绍了如何在JavaScript项目中通过npm安装leaflet.markercluster插件,并展示了一个实例,使用自定义图标创建动态标记,标记按照预设轨迹在地图上移动后自动移除。
4748





