"Leaflet 路线生成:使用 Leaflet Routing Machine 插件 - 详细教程"\n\n在 Leaflet 中,可以使用 Leaflet Routing Machine 插件来生成路线。\n\n首先,需要引入 Leaflet Routing Machine 的相关文件。可以通过 CDN 链接引入,或者下载文件并引入到项目中。\n\n然后,创建地图实例,并添加路线控件:\n\n\nvar map = L.map('map').setView([51.505, -0.09], 13);\n\nL.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {\n attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors',\n maxZoom: 18,\n}).addTo(map);\n\nvar control = L.Routing.control({\n waypoints: [\n L.latLng(51.5, -0.09),\n L.latLng(51.51, -0.1)\n ]\n}).addTo(map);\n\n\n上述代码创建了一个地图实例,并添加了一个路线控件。waypoints参数定义了起点和终点的经纬度坐标。\n\n如果需要自定义路线的样式,可以使用L.Routing.controlrouteLine参数:\n\n\nvar control = L.Routing.control({\n waypoints: [\n L.latLng(51.5, -0.09),\n L.latLng(51.51, -0.1)\n ],\n routeLine: function(route) {\n return L.polyline(route.coordinates, { color: 'red' });\n }\n}).addTo(map);\n\n\n上述代码将路线的颜色设置为红色。\n\n可以通过其他选项来进一步自定义路线的样式和行为。详细的文档可以在 Leaflet Routing Machine 的官方网站上找到。

Leaflet 路线生成:使用 Leaflet Routing Machine 插件 - 详细教程

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

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