leaflet绘制航迹
时间: 2023-08-07 16:08:31 浏览: 194
leaflet-sea-routes:在海上两点之间绘制路线
要绘制航迹,你需要使用Leaflet的Polyline功能。Polyline是一条由多个点组成的线,可以用来表示航迹。
以下是一个基本的示例代码,可以在地图上绘制一条简单的航迹:
```javascript
var mymap = L.map('mapid').setView([51.505, -0.09], 13);
var polyline = L.polyline([
[51.505, -0.09],
[51.507, -0.1],
[51.51, -0.12]
]).addTo(mymap);
```
在上面的代码中,mymap是你创建的地图对象,[51.505, -0.09]是航迹的起点,[51.507, -0.1]和[51.51, -0.12]是航迹的中间点和终点。Polyline的点数组可以包含任意数量的点。
你可以在Polyline中设置各种属性,例如颜色、线型、线宽等。例如,以下代码将航迹设置为红色,线宽为3像素:
```javascript
var polyline = L.polyline([
[51.505, -0.09],
[51.507, -0.1],
[51.51, -0.12]
], {color: 'red', weight: 3}).addTo(mymap);
```
你可以根据需要自定义Polyline的样式和属性,使其更符合你的需求。
阅读全文