https://github.com/postor/limited-polyline
limit polyline points and keep the shape as possible | 在尽量保持形状的情况下限制 polyline 点的数量
https://github.com/postor/limited-polyline
Last synced: 2 months ago
JSON representation
limit polyline points and keep the shape as possible | 在尽量保持形状的情况下限制 polyline 点的数量
- Host: GitHub
- URL: https://github.com/postor/limited-polyline
- Owner: postor
- License: mit
- Created: 2022-04-20T09:53:05.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2022-05-09T03:28:55.000Z (about 3 years ago)
- Last Synced: 2025-03-04T02:25:44.505Z (3 months ago)
- Language: TypeScript
- Size: 87.9 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# limited-polyline
limit polyline points and keep the shape as possible | 在尽量保持形状的情况下限制 polyline 点的数量
use case: draw track for moving thing on map, avoid costing too much memory
场景：在地图上绘制运动物体的实时轨迹，避免占用内存过多内存
[](https://youtube.com/shorts/unsaPHuP1Dk)
example:
- limited: https://codesandbox.io/s/leaflet-limited-track-kkoud9
- full: https://codesandbox.io/s/leaflet-full-track-v5dtbp
## usage | 使用
API:
```
class LimitedPolyline {
constructor(distanceFn: (p1: T, pMidF: T, p3: T) => number, limit?: number, points?: T[]);
add(point: T): void;
iterator(): Generator;
removeNearest(): void;
}
```
example
```
import LimitedPolyline from 'limited-polyline'
let lp = new LimitedPolyline(distance, 10000);
line.add([x,y]) // add to end, if total points larger than limit drop one | 追加到末尾，如果总点数超出限制则丢掉一个不起眼的点
```
## example | 示例
完整轨迹，没有使用 limited-polyline 直接绘制 polyline
https://codesandbox.io/s/leaflet-full-track-v5dtbp?file=/src/index.js