要生成一条路线,您可以使用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 &copy; <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方法创建了一个多段线对象,并将其添加到地图上。您可以根据实际需求修改坐标点的值,以生成您想要的路线

leaflet中polyline方法添加多段线如何生成路线

原文地址: https://www.cveoy.top/t/topic/ixMV 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录