leaflet中polyline方法添加多段线如何生成路线
要生成一条路线,您可以使用Polyline方法添加多个坐标点,每个坐标点代表路线上的一个节点。以下是一个示例代码,展示如何使用Polyline方法生成一条路线:
var map = L.map('map').setView([51.505, -0.09], 13);
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: 'Map data © <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors',
maxZoom: 18,
}).addTo(map);
var coordinates = [
[51.505, -0.09], // 第一个坐标点
[51.51, -0.1], // 第二个坐标点
[51.51, -0.12], // 第三个坐标点
[51.49, -0.12] // 第四个坐标点
];
var polyline = L.polyline(coordinates, {color: 'red'}).addTo(map);
在上述代码中,我们首先创建了一个Leaflet地图,并通过tileLayer方法添加了一个底图图层。然后,我们定义了一个包含多个坐标点的数组,每个坐标点代表路线上的一个节点。最后,我们使用Polyline方法创建了一个多段线对象,并将其添加到地图上。您可以根据实际需求修改坐标点的值,以生成您想要的路线
原文地址: https://www.cveoy.top/t/topic/ixMV 著作权归作者所有。请勿转载和采集!