$L.polyline

$L.polyline是Leaflet.js中的一个类，用于在地图上绘制折线。它的构造函数接收一个由经纬度坐标组成的数组，并可以设置折线的样式、属性等。例如，以下代码将在地图上绘制一条从纽约到华盛顿的折线：

var polyline = L.polyline([
    [40.7128, -74.0060],
    [38.9072, -77.0369]
]).addTo(map);

其中`[40.7128, -74.0060]`和`[38.9072, -77.0369]`分别是纽约和华盛顿的经纬度坐标。这段代码会在地图上绘制一条从纽约到华盛顿的折线。

相关问题

L.polyline加箭头

要给L.polyline添加箭头，可以使用Leaflet.Polylinedecorator插件。首先，您需要通过以下代码导入插件：

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet-polylinedecorator@1.6.0/dist/leaflet.polylineDecorator.css" />
<script src="https://cdn.jsdelivr.net/npm/leaflet-polylinedecorator@1.6.0/dist/leaflet.polylineDecorator.js"></script>

然后，您可以使用以下代码创建带箭头的L.polyline：

// 创建polyline
var polyline = L.polyline([[40.712, -74.227], [51.507, -0.127]], {color: 'red'}).addTo(map);

// 创建箭头样式
var arrow = L.polylineDecorator(polyline, {
    patterns: [
        {offset: '100%', repeat: 0, symbol: L.Symbol.arrowHead({pixelSize: 15, polygon: false, pathOptions: {stroke: true, color: 'red'}})}
    ]
}).addTo(map);

在上面的代码中，我们首先创建了一个L.polyline，并将其添加到地图上。然后，我们使用L.polylineDecorator创建一个带有箭头的箭头样式，并将其与polyline关联。在箭头样式的patterns选项中，我们定义了一个偏移量为100%，表示箭头将被放置在L.polyline的末尾，repeat为0表示不重复，symbol选项表示箭头的样式，我们使用L.Symbol.arrowHead创建了一个箭头。

最后，我们将箭头样式添加到地图上。现在，您应该可以在地图上看到带箭头的L.polyline了。

L.polyline设置起点和终端标记

在 Leaflet 中，可以通过 `L.marker` 方法创建起点和终点标记，并使用 `L.polyline` 方法创建折线。示例代码如下：

// 创建地图容器
var map = L.map('map').setView([51.505, -0.09], 13);

// 创建起点和终点标记
var startMarker = L.marker([51.5, -0.09]).addTo(map);
var endMarker = L.marker([51.505, -0.09]).addTo(map);

// 创建折线
var polyline = L.polyline([
    [51.5, -0.09],
    [51.505, -0.09]
], {color: 'red'}).addTo(map);

// 将地图移动至折线所在位置
map.fitBounds(polyline.getBounds());

其中，`L.marker` 方法用于创建标记，可以传入一个经纬度数组作为参数；`L.polyline` 方法用于创建折线，可以传入一个经纬度数组作为参数，并可以设置折线的样式，例如颜色、宽度等。最后，通过 `map.fitBounds` 方法将地图移动至折线所在位置。