在leaflet中,可以使用Leaflet Routing Machine插件来生成路线。

首先,需要引入Leaflet Routing Machine的相关文件。可以通过CDN链接引入,或者下载文件并引入到项目中。

然后,创建地图实例,并添加路线控件:

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 control = L.Routing.control({
    waypoints: [
        L.latLng(51.5, -0.09),
        L.latLng(51.51, -0.1)
    ]
}).addTo(map);

上述代码创建了一个地图实例,并添加了一个路线控件。waypoints参数定义了起点和终点的经纬度坐标。

如果需要自定义路线的样式,可以使用L.Routing.controlrouteLine参数:

var control = L.Routing.control({
    waypoints: [
        L.latLng(51.5, -0.09),
        L.latLng(51.51, -0.1)
    ],
    routeLine: function(route) {
        return L.polyline(route.coordinates, { color: 'red' });
    }
}).addTo(map);

上述代码将路线的颜色设置为红色。

可以通过其他选项来进一步自定义路线的样式和行为。详细的文档可以在Leaflet Routing Machine的官方网站上找到

leaflet中如何生成路线

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

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