
Leaflet.AnimatedMarker:动态标记点
5星
- 浏览量: 0
- 大小:None
- 文件类型:None
简介:
Leaflet.AnimatedMarker 是一个为 Leaflet 地图库设计的插件,用于实现地图上标记点的动态动画效果,增强交互体验。
要使用Leaflet Animated Marker沿轨迹带方向地动态展示marker,并绘制已行走的轨迹线,可以参考以下代码实现:
定义一个自定义图标:
```javascript
var carIcon = L.icon({
iconSize: [37, 26],
iconAnchor: [19, 13],
iconUrl: ../img/car.png
});
```
创建动态marker对象并添加到地图中,同时设置播放回调函数为`updateRealLine`:
```javascript
var animatedMarker = L.animatedMarker(routeLine.getLatLngs(), {
icon: carIcon,
playCall: updateRealLine
}).addTo(map);
```
初始化已行走轨迹线的坐标数组:
```javascript
var newLatlngs = [routeLine.getLatLngs()[0]];
```
定义一个函数来绘制已行走的轨迹(橙色线条):
全部评论 (0)
还没有任何评论哟~


